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

微信小程序云开发个人博客项目实战(3)-- 文章的增删改查,第1张

地址: 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

微信小程序,百度小程序,支付宝小程序都是基于对应APP生态的小程序,无分优略,最佳策略是全部都做。

普通用户,尤其是无技术背景。可通过智能网站搭建平台,快速搭建网站网站/个人博客和商城及小程序。

以爱用建站平台为例,普通个人/企业只需简单几步,即可上线完全自主的网站及小程序:

步骤一:注册/登陆爱用建站平台PC或移动端登陆iyong.com,新用户注册【iYong通行证】。

步骤二:通过类似PPT编辑 *** 作的可视化设计器设计上线网站。保存即可上线,可以部署博客功能,或者电商能力辅助博客变现。

可选步骤:

1、如需独立域名访问,通过域名商城购买或者外部添加。

2、同时也可以免费发布多平台小程序,目前支持(微信/百度/支付宝)。

成本分析:

1、资金成本:免费至千元水平不等,取决于对存储及服务的需求差异。

2、隐性成本:低,无需编程及网络技术,类平台 *** 作。

第一步:选择小程序模版登陆上线了账号,选择“文章”分类,进入模版选择页面。

鼠标移入模版可以浏览概述、扫描二维码预览小程序。点击“选择该模版”即可进入编辑器。

请点击输入图片描述

请点击输入图片描述

第二步:撰写文章

进入编辑器后,点击“撰写新博文”。

可添加博客标题、副标题、分类,正文部分可插入标题、文本、图片、引用和分割线,并且可对博客背景进行设置。

撰写完成后点击“上线”或者直接退出均可。

添加完毕后,可随时“进入预览模式“或在手机上查看小程序(最终效果以上线后的小程序为准)。

请点击输入图片描述

请点击输入图片描述

请点击输入图片描述

第三步:设置基本信息

请填写基本信息,如:名称、图标、关于我们以及官方网站,点击“保存”。

请点击输入图片描述

第四步:设置风格

在“设置风格”里,你可以为小程序更换主题色。

请点击输入图片描述

第五步:设置文章分类

点击“添加博客分类”,方便读者快速获取相关主题内容。

请点击输入图片描述

最后一步:发布小程序

首次发布小程序将需要授权微信小程序账号。

注册完小程序账号后,点击“我已有账号,前往授权”,使用微信小程序账号(请特别注意不是公众号!)的管理员扫码。

点击对应的微信小程序(请特别注意不是公众号!)完成授权。

请点击输入图片描述

请点击输入图片描述


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11455960.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存