1.页面构思
1.主要有三个主要页面 1.主页(日历);2. 登记事项页(列表);3. 我的(暂时没有多的功能,先使用wx提供的一些方法)
2.环境配置
github已上传miniprogram以及server的代码;
server: GitHub - Youzica/YoCalendarServer
miniprogram: https://github.com/Youzica/Yocalendar
3.功能展示
1.主页提供以一个日历模块,提供左右滑动,以及点击某一日进入提交信息界面;选择提醒时间以及事件/内容后提交;
23.11.22记录
改造主界面:通过css改动界面样式,改动vant组件内部样式。
2.列表页面主要展示提交过的事件以及提醒时间,分为代办以及过期事项;也很好理解(代办表示未提醒、过期表示已提醒)
3.我的界面目前没有比较好的想法暂时先使用cell组件凑合一下;
4.代码了解
小程序使用vant、iview等组件库、自定义tabBar、nodejs定时任务;
文件构成:提示了几个导入的文件;
4.1 构建npm
项目根目录下 npm init 并 安装vant npm i @vant/weapp -S --production;
project.config.json配置package.json位置;
4.2 自定义tabbar
自定义tabbar使用vant组件库提供的组件,
index.wxml
index.json设置component为true
index.js除了基本的数据之外,还需要两个方法。
app.json tabBar的custon设置为true
4.3 nodejs定时任务
后台使用nodejs+mysql完成;
安装node-cron模块
node定时任务,每分钟运行一次,可以去npm官网查看node-cron是怎么用的,挺简单的。