基于Uniapp开发的MIPCMS小程序

Posted 小何博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于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小程序_uniapp\'

2. 软件分类页

\'基于Uniapp开发的MIPCMS小程序_uniapp_02\'

3. 软件搜索页

\'基于Uniapp开发的MIPCMS小程序_uniapp_03\'

4. 软件个人中心(待完善)

\'基于Uniapp开发的MIPCMS小程序_uniapp_04\'

5. 文章详情页

\'基于Uniapp开发的MIPCMS小程序_uniapp_05\'

最后

软件还不完善,欢迎留言讨论。

项目地址

https://gitee.com/ming5/mipcms-applet

作者博客

https://ligo100.cn

以上是关于基于Uniapp开发的MIPCMS小程序的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序海报 uniapp

uniapp 区分环境打包配置

UniApp 介绍

使用mpvue和uni-app开发小程序分别有啥优点跟缺点

java计算机毕业设计基于安卓Android的音乐论坛APP uniapp 小程序

代码审计MIPCMS 远程写入配置文件Getshell