3. CMS系统与小程序对接? ### 一、下载CMS小程序 CMS小程序下载地址: https://gitee.com/jeecg/jeewx-app-cms ![输入图片说明](https://static.oschina.net/uploads/img/201807/18191911_gHKx.png "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201807/18191924_tqjW.png "在这里输入图片标题") 关于小程序开发过程请参考:<http://wepydemo.mydoc.io/> ![输入图片说明](https://static.oschina.net/uploads/img/201807/18192009_aVht.png "在这里输入图片标题") ### 二、 连接本地CMS接口 启动包含CMS插件的Jeecg工程,连接本地接口地址。这样就可以模拟本地CMS插件提供接口供小程序调用。找到项目中src->api->api.js 文件,修改其中的domain改为:<http://localhost:8080/jeecg> ![输入图片说明](https://static.oschina.net/uploads/img/201807/18192141_34Nu.png "在这里输入图片标题") ### 三、编译运行 在命令行中输入wepy build –watch 或者是 npm run dev 来进行实时编译。 编译后会在项目中生成一个dist目录,这个目录就是用于小程序展示的。 ![输入图片说明](https://static.oschina.net/uploads/img/201807/18192345_tRam.png "在这里输入图片标题") 打开微信开发者工具 ![输入图片说明](https://static.oschina.net/uploads/img/201807/18192434_iqz1.png "在这里输入图片标题") 项目目录中选择CMS小程序刚生成好的dist目录,AppID输入开发者绑定的小程序AppID,项目名称可以随意输入,例:CMS。输入完成点击确定,就可以看到下面的界面: ![输入图片说明](https://static.oschina.net/uploads/img/201807/18192516_4Yf1.png "在这里输入图片标题") 左侧就是小程序的展示,右侧为对应的文件和展示控制台信息。 我们在Jeecg网站中找到CMS编辑里面的数据,回到小程序找到工具栏中的“编译”,就可以看到我们修改过的数据。所有的内容都是在后台管理配置的。