基于Uniapp开发的MIPCMS小程序

黄沙百战穿金甲,不破楼兰终不还。这篇文章主要讲述基于Uniapp开发的MIPCMS小程序相关的知识,希望能为你提供帮助。
介绍很早就有想法把mipcms官方的小程序改了,结果一直拖到现在。最近有了一点空闲时间,简单改造下mipcms小程序。
软件架构本软件后台采用mipcms前台采用uniapp,其中涉及的UI框架包含:colorUI, uView UI。本项目是兴趣使然,尝试一下感觉不错。代码很烂,旨在实现功能,大佬绕过。
安装教程

  1. git clone 克隆本项目
  2. 将项目拖动到hbuilderX
  3. 适配自己的mipcm站需要,修改如下代码(文件在utils/config.js中)。将接口修改为自己的mipcms站即可
requestConfig: { baseUrl: \'https://mip.chiyuba.com\', defaultImgUrl: \'https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg\', newArticleUrl: \'https://mip.chiyuba.com/article/ApiArticle/itemList\', catalogUrl: \'https://mip.chiyuba.com/article/ApiArticle/categoryList\', detailArticleUrl: \'https://mip.chiyuba.com/article/ApiArticle/getItemInfo\', searchArticleUrl: \'http://mip.chiyuba.com/article/ApiArticle/searchItem\', }

  1. hbuilderx中点击预览即可
软件截图 1. 软件首页
基于Uniapp开发的MIPCMS小程序

文章图片

2. 软件分类页
基于Uniapp开发的MIPCMS小程序

文章图片

3. 软件搜索页
基于Uniapp开发的MIPCMS小程序

文章图片

4. 软件个人中心(待完善)
基于Uniapp开发的MIPCMS小程序

文章图片

5. 文章详情页
基于Uniapp开发的MIPCMS小程序

文章图片

最后软件还不完善,欢迎留言讨论。
项目地址https://gitee.com/ming5/mipcms-applet
作者博客【基于Uniapp开发的MIPCMS小程序】https://ligo100.cn

    推荐阅读