多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
原文档看懂了不知道把源码放在哪一行哪个文件,来这里就对了。小白为您解答! 原文档:https://ext.dcloud.net.cn/plugin?id=7100 将第五步的源码粘贴到修改密码的下面,花括号别分错段落了 原文:编辑`pages.json`,增加如下内容 ~~~ //此结构与uni-admin中的pages.json结构一致 "pages": [ // ……其他页面配置 { "path" : "uni_modules/uni-portal/pages/index", "style" :{ "navigationBarTitleText": "发布应用", "enablePullDownRefresh": false } } ] ~~~ ![![](https://img.kancloud.cn/ed/46/ed46d8938f7cdf5e30978297e7731ebe_1471x793.png)](images/screenshot_1645360845605.png) 原文:在`应用管理`列表中,添加“发布”按钮,作为`uni-portal`统一发布页的入口。 找到并编辑`uni-admin`项目下`/pages/system/app/list.vue`,在原`编辑`、`删除`按钮之前,添加`发布`按钮,编辑后内容如下: ~~~ <view v-else class="uni-group"> <!-- 这里是新增的发布按钮,若有国际化需求,请到国际化配置文件中进行编辑 --> <button @click="navigateTo('/uni_modules/uni-portal/pages/index?id='+item.appid, false)" class="uni-button" size="mini" type="primary">发布</button> <!-- 下方是原有的编辑、删除按钮 --> <button @click="navigateTo('./edit?id='+item._id, false)" class="uni-button" size="mini" type="primary">{{$t('common.button.edit')}}</button> <button @click="confirmDelete(item._id)" class="uni-button" size="mini" type="warn">{{$t('common.button.delete')}}</button> </view> ~~~ 请把上面代码全部复制,删除图片内方框里原来代码,粘贴到原来的位置。(54-59行代码处)(如下图) ![](https://img.kancloud.cn/2e/0d/2e0d76a3987fadbb7edb69ce58a8bf1f_1521x825.png) 最后别忘了Ctrl+S,保存。基本就完工了。 怎么查看是否生效。 登录/刷新后台,点击应用管理-新增(看下两张图) ![](https://img.kancloud.cn/8c/99/8c9998093082424d154df7b8f2f62b11_1810x420.png) ![](https://img.kancloud.cn/60/3f/603fafc4849a6c94f33aae47143a4a67_907x536.png) APPID在开发中心看。 开发中心:https://dev.dcloud.net.cn/app/index?type=0 ![](https://img.kancloud.cn/99/7f/997f746927c9962e6648c2ab2a9abf10_1903x437.png) 填写完会看到多加了一个应用,那个发布按钮就是咱们的主角。 ![](https://img.kancloud.cn/a5/82/a582b6f531203ad9f287cfb39dc1686f_1907x240.png) 点击发布,完善平台信息,就可以看到发布页面啦。(下图见效果) ![](https://img.kancloud.cn/d7/73/d77370e177f172b7ac5a234b78f2bbab_1156x856.png) 最后将生成的页面可以放进前端网页托管 官方网页托管地址:https://unicloud.dcloud.net.cn/static/hosting?platform=aliyun&appid=