多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### 1.登录造壳小站后台后,开始创建项目,选择互动社区 ![](https://img.kancloud.cn/36/b7/36b7363fee9d4100bd6e124549194c41_1549x548.png) ![](https://img.kancloud.cn/b7/c7/b7c77635465bd85c39f8377dc3d88f0b_876x632.png) ### 2.创建好直接开始装修,会跳转到装修页面,装修页面会有一套模板,可以直接更改内容,可直接DIY ![](https://img.kancloud.cn/89/43/894302b7919001cd4892eb8c23ece05e_1346x887.png) ![](https://img.kancloud.cn/83/d1/83d1989f07df65b50986041316bc99f9_1298x865.png) ![](https://img.kancloud.cn/98/e3/98e357758583cbd100d94239f8186cdd_1312x845.png) ### 3.新页面使用 ![](https://img.kancloud.cn/3e/b5/3eb51649ce93c4a27f7c3e83544e07df_1853x908.png) ![](https://img.kancloud.cn/ff/39/ff39f52ddd5712cb008d6c042f932d84_1144x707.png) ### 4.如何编辑文字以及替换图片 ![](https://img.kancloud.cn/76/41/764110a5bc203f2f1ce4ca648bd62c76_1270x743.png) ### 5.如何点击图片跳转其他界面 ![](https://img.kancloud.cn/d9/15/d915318f4be00808cca888857e71af4a_1225x748.png) ![](https://img.kancloud.cn/65/36/6536307485e58ebacbdd99b5db6f3c6d_924x645.png) ### 6.底部导航跳转界面 ![](https://img.kancloud.cn/37/ec/37ecb801b1889e5dc3c223e671c445f2_1920x886.png) ### 底部导航商城页面 ![](https://img.kancloud.cn/3e/7f/3e7f1c57bddd6e6e530b12268543f0b3_652x585.png) ### 底部导航个人中心 ![](https://img.kancloud.cn/ba/d3/bad316f55135261e1e194258a2e30ab1_403x329.png) ![](https://img.kancloud.cn/9a/ac/9aac0c18375e441c9b0ea444c97217b4_905x609.png) ### 应用中心——粉丝社区,针对互动的社区,帖子管理 ![](https://img.kancloud.cn/2b/1c/2b1ce516226a0f853b94171166efb9b0_834x751.png) ### 7.文章管理,找到文章管理,可添加文章分类以及文章,后续在基础组件—文章,可直接上传 ![](https://img.kancloud.cn/84/16/8416c5a11b12b92eb646a82272793a22_968x359.png) ### 8.商城首页配置,为副主页,主要在购物车 去逛逛,点击后即可跳转副首页,也可以修改为自己想要的界面,跳转链接修改等,下方产品图,如产品上传后,会自动变为自己上传的产品! ![](https://img.kancloud.cn/63/74/6374c681eec620cff0ecead2e49df9f5_975x833.png) ### 9.商品管理,在应用中心——电商系统——商品管理中可以添加分组以及商品! ![](https://img.kancloud.cn/94/9d/949dae3651ba9cef27014b92524fb282_734x520.png) ### 10.个人中心设置,在上方装修设置——个人中心可编辑 ![](https://img.kancloud.cn/39/85/39850b3f359d0971490d5c4fa46073c6_1183x896.png) ### 11.底部导航——在装修设置,底部导航中设置 ![](https://img.kancloud.cn/fb/d8/fbd823a76213ccb17891df5f43ada568_1170x898.png) ### 12.设置好后关联微信小程序,扫描后即可关联 ![](https://img.kancloud.cn/f1/10/f110de4a00f75fb252ce1acfeb6719a3_923x687.png) ![](https://img.kancloud.cn/30/f6/30f6cdfc98ec6ce2ec3d39b1d67167c7_654x597.png) ### 13.发布,关联小程序,页面搭建好后,即可点击右上角发布即可 ![](https://img.kancloud.cn/20/1a/201a840000aef6ffd70f5d49bdcc65cc_546x508.png) ### 14.小程序支付设置,在装修设置——微信小程序——支付设置上传后,微信支付即可使用 需要资料: APPID: 小程序或者微信的 商户号: 微信支付商户号 商户秘钥: 微信支付配置的 apiclient_cert.pem: 支付证书 apiclient_key.pem: 支付秘钥 ![](https://img.kancloud.cn/fe/d8/fed892b608e4e92e0d83205ca18cb758_975x741.png)