微信小程序的日记系统增加功能设计

为了方便用户使用,也方便测试,可以在index/home页面中添加两个按钮式的链接,使其关联到index/add页面和index/manager页面。在index/home页面增加一个用于存放两个按钮的,修改后的完整代码如下:
在wxss页面中新增按钮的样式:
单击“新增文章”按钮,会自动跳转至新增页面,其路由为index/add。根据系统设计,用户可以在其页面上填写相关的文章内容。也就是说,需要一个可用于提交内容的表单。所以基本的wxml页面代码如下所示。
这里使用了一个from表单进行提交,使用一个滑动式的按钮设置是否公开,使用一个time选择器进行时间的选择。标题使用简单的input框,日记内容使用textare控件,并设置为自动换长度的方式。对于后台逻辑部分,需要将表单的内容发送至服务器。将请求参数格式化后发送给服务器,服务器会检查是否成功而返回相关的值。完整的js代码如下:
在添加成功后返回主页,使用了wx.redireact()方式,这样将会重新刷新该页面,显示新添加的文章内容。