微信小程序云开发个人博客项目实战（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

1、 附近的小程序广告

附近的小程序是微信开放的关键流量入口，同时开放了广告投放渠道。广告位是在附近小程序的第三行，点击即可打开对应的小程序。

2、聊天小程序

把小程序任何一个页面分享到群，在群聊天信息页面可以查看 10个 被分享到群的小程序，方便群成员在有需求时方便快捷找到你的小程序，这也是小程序打通微信社群的一大妙招。

3、小程序商店

通过付费或其他方式将小程序投放至小程序商店，起到一定的宣传推广效果。

4、地推

对于部分小程序而言，地推或许是最贴近用户场景的推广方式，线下以小程序码的方式，通过宣传物料等推广小程序。诸如：餐饮，鲜花，美容，健身....等等线下门店。好处在于，见效快，现场快速转化。

5、公众号资料页绑定相关小程序

小程序和公众号进行关联，当用户关注你的公众号时，就能看到位于显眼位置的相关小程序，点击可直接跳转到小程序。

6、公众号文章插入小程序名片

「公众号 + 小程序」就是在自己的公众号文章里面插入小程序卡片，这是一个长期的过程，前期效果取决于公众号本身的粉丝留存量。

7、 公众号菜单关联小程序

在公众号自定义菜单插入小程序连接，引导粉丝访问。

小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。

本文推荐的项目从入门到进阶都有，收藏起来吧。

02. 小程序书店

技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。

这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。

除此之外，这个项目还提供了学习文档：

03. 高仿喜马拉雅

如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。

04. 网易云音乐小程序

基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。

目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

这是该小程序实现的一些功能：

小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。

刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：

07. 情书站点

第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。

下载。

---