首先登录https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。2. 创建项目
通过开发者工具,来完成小程序创建和代码编辑。
开腊蔽发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。
为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助野春我们在开发目录里生成一个简单的 demo。
项目创建成功后,点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。
3. 代码编写
点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小颂局耐程序会读取这些文件,并生成小程序实例。
小程序源码添加新功能模块的具体步骤如下:1. 确定新功能模块:首先需要明确要添加的新功能模块是什么,包括其名称山戚、作用、实现方式等。
2. 编写代码:根据确定好的新功能模块,编写相应的代码。可以参考已有的代码结构和逻辑进行开发,运丛并且注意与原有代码之间旁唯樱的兼容性问题。
3. 调试测试:完成代码编写后,需要进行调试和测试以确保其正常运行并且不会影响其他部分。可以使用微信开发者工具或者真机调试来验证效果。
4. 添加页面链接:在小程序中添加页面链接以便用户能够访问到新增加的功能模块。可以通过修改菜单导航栏、底部标签栏等方式来实现。
5. 发布上线:经过测试确认无误后,将新增加的功能模块发布上线供用户使用。
总之,在添加新功能模块时需要遵循良好的编程规范和流程,并且注重与原有代码之间的协同配合。同时也要注意对用户体验产生负面影响或者引起安全隐患等问题。
主界面
这次我的测评希望可以尽可能地避免出现对于设计美感的主观讨论,为了达到这个目标,我特意用 Keynote 制作了三个应用主界面的「原型图」。
通过我做的「原型图」可以看出,三个应用都采用了顶部导航的设计,而其中共有的一个按钮是「添加新项目」这个使用频次最高的功能。其次,「最美时光」和「Daybox」都将「设置」按钮放在了顶部,而「Days Matter」则是将这个按钮放在了接下来我们会谈到的底部导航森皮栏中。除此之外,「最美时光」在顶部设置了一个「更多」按钮,用来展示最美系列的其他应用,「Days Matter」在顶部设置了一个「分类查看祥雀」按钮,可以呼出左边侧边栏,用来分类查看不同的倒数日、纪念日。
「最美时光」与「Daybox」仅仅有一个顶部导航,而「Days Matter」则非常复古地添加了一个底部导航栏,这在最近类似的轻应用中是很少见的。具体的功能我们放到后面去分析,至少双导航栏的设计占据了本属于倒数日列表的空间是毋庸置疑的,而且过多的元素排布会分散用户的注意力。
接下来让我们把目光转向主界面最重要的元素——纪念日展示,虽然都是列表的展示,但是仔细观察还是能发现其中的差别的。「Days Matter」与「Daybox」都是采用「一主多次」的排列方案:即给最重要的倒数日最大的展示空间,其他的倒数日则用窄列表排列;而「最美时光」则是采用「一视同仁」的排列方案。这两种方法各有利弊,一句话来说就是在「视线聚焦」与「更多的展示空间」之间做抉择,至于确定哪种方案更好,我的计划是是要调查用户到底需要记多少个倒数日以及倒数日之间到底有没有轻重之分,这个在后面我会设计一个实验来证明。
最后我们要关注的是一个细节,即如何区分「倒数」与「正数」。简单解释一下,在应用中我们一般要记两种日子,一种是倒数,比如「距离 X 的生日还有 XX 天」;另一种是正数,比如「距离我们第一次吃饭已经有 XX 天了」。在应用中如何区分这两种计数方式是我关心的一个点,因为这体现了这款应用是否够严谨。先让我们看「Days Matter」,用「已经」、「还有」两个中文词汇就轻松区分开了两种计数方式,从这点可以明显地看出应用的优势;「最美时光」的方式也很巧妙,用[+]来表示「正数」,没有符号则代表「倒数」,虽然会有一定的学习成本,仍可以此宴差算是一个「简约」的方案。表现最差的是「Daybox」,完全没有在这上面下功夫,单单从界面上根本无法区分「正数」与「倒数」,可以说是一个败笔哦。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)