实验2:名片小程序
学习要求:
- 熟悉在“雨课堂”里提交作业
- 熟悉 Typora 和 Markdown 写作
截止时间:8月26日(星期三) 22:00
大家务必注意时间,超出时间要扣分!
实验报告推荐采用 Typora 软件编写,完成以后可以直接导出为PDF,也方便直接粘帖在 CSDN 等博客发布。实验报告模板如下:
markdown
<center>姓名:XXXX 学号:XXXX</center>
| 姓名和学号? | XXXX,200023230 |
| -------------------- | -------------------------------- |
| 本实验属于哪门课程? | 中国海洋大学26夏《移动软件开发》 |
| 实验名称? | 实验1:热身运动 |
| 博客地址? | XXXXX(选做) |
| 代码仓库地址? | https://github.com/XXXX(选做) |
## 一、实验内容
XXXXXXXXXX
## 二、问题总结与体会
描述实验过程中所遇到的问题,以及是如何解决的。有哪些收获和体会,对于课程的安排有哪些建议。一、任务介绍
本实验将以制作一个名片小程序为案例,快速学习了解小程序前端开发。
给你一个任务,制作一个专属于自己的名片小程序,包括头图、文本描述,可以分享给别人,非常期待看到你的“小程序名片”!

二、使用AI生成自己的名片头图
推荐使用AI工具生成专属于自己的名片头图(16:9),可以添加自己的特点描述做为提示。比如下面是我用豆包生成的过程。

豆包的描述非常详细:
已按 16:9 横版生成 4 个专属个人介绍视觉。包括:
- #1 深蓝学术科技风:最适合讲座开场、课程介绍、学术汇报。
- #4 典雅学院风:更稳重,适合正式场合和个人主页。
- #2 清爽卡片风:信息最清晰,适合教师简介页。
- #3 深色科技风:视觉冲击更强,适合科研展示。
如果你愿意,我可以继续基于你选中的一版做精修,比如:
- 加入「照片占位区」方便后续放证件照;
- 改成更正式的「简历介绍页」;
- 加入英文姓名与研究方向;
- 强化 “中国海洋大学信息学部” 的识别。
三、制作自己的专属微信小程序名片
观看视频教学,并按照步骤完成自己的小程序:
https://developers.weixin.qq.com/community/business/doc/000c869e5c46586bd688cd6175fc0d
参考视频里的内容,完成一个介绍自己的小程序即可,上半部分是 AI生成自己的名片头图,下半部分可以自定义。

四、实验总结
特别期待看到大家完成一个属于自己的小程序卡片,期待大家发挥创意,做出带有个人想法与风格的作品。
