微信小程序云开发个人博客项目实战（3）-- 文章的增删改查

地址： https://github.com/itguliang/miniprogram-itguliang-cloud

修改app.json-->pages，新增写文章及文章详情页面

home.wxml 加个写文章的按钮，跳转到写文章的页面

页面跳转

修改写文章页面的title，对应的json文件中修改

文章内容编辑器可以参考官方的editor --- 传送门

封面上传（不是必填项）--- 参考小程序云开发的上传图片例子来修改

向下滚动隐藏 、向上滚动显示

监听页面滚动事件

效果见文章开头

下拉刷新，json中设置允许当前页面下拉刷新

towxml解析HTML --- towxml使用-传送门

1、小程序页面跳转不同方法

wx.navigateTo

2、小程序修改单独页面title

app.json中 window 统一设置 title

如果要修改某个页面的title的话，可以在对应页面的json中修改

也可在js中动态加载

3、小程序editor组件 *** 作图标不全，可以中文下和英文下的两个demo结合来用

4、小程序返回上个页面刷新数据

5、动态修改class

在小程序项目开发中，对请求做封装是比较常见的 *** 作，我们可以在封装过的请求里，做一些统一处理，比如统一配置、请求拦截、错误异常处理、授权处理等

好了，我们直接看干货，上代码

在项目根目录下新建一个request目录，再在目录下新建一个index.js文件，文件里的内容如下

好了，wx小程序request请求封装就到这了

觉得效果不错的请帮忙加个关注点个赞，经常分享前端实用开发技巧

假设下图就是我们要实现的功能页面，我们先对这个功能页面进行组件划分，header、main、footer三个组件来分别实现：

这里我们定义了 header、main、footer 容器，分别来装载三个组件，所有的样式都放在styles.css中，reset.css是来重置样式，结合header里的那段脚本实现rem不同屏幕自适应。

这里没有互动，是很简单的展示组件

到这一步我们可以看到基本的架子了

这个组件我们就创建一个footer.js实现

以上我们用闭包创建了一个Footer组件，通过Footer.init实现组件初始化，对外留着一个setData方法，用来设置约定格式的数据然后进行视图渲染。还有一个resetStatus方法，来重置状态和视图。

然后我们在index.js对组件进行初始化

创建了Footer组件后，我们完成的界面如下:

接下去，我们将在《小程序实现在线选座实战（中）》实现选座组件，在《小程序实现在线选座实战（下）》中实现数据交互。

---