若依分离版—移动端开发公告功能

发布时间:2024-04-09 12:01

前言:

本文是在若依-ruoyi-AiDex-Uniapp的基础上增加功能

移动端可直接下载源码若依-ruoyi-AiDex-Uniapp《https://gitee.com/big-hedgehog/ruoyi-uniapp》(1)优点:实现了和若依分离版后端交互,实现了登录,修改密码。

(2)缺点:功能不全,若依的公告功能,用户管理等功能没有实现移动端

开发移动端公告功能

效果图如下:

若依分离版—移动端开发公告功能_第1张图片 若依分离版—移动端开发公告功能_第2张图片  若依分离版—移动端开发公告功能_第3张图片

   图1  通知公告栏                       图2  通知列表                                    图3 通知详情

 1. 通知公告栏跳转到通知列表(图1到图2)

若依分离版—移动端开发公告功能_第4张图片

     

2.新建 list_notice 通知列表页面




3. 通知公告详情界面

修改form.vue

若依分离版—移动端开发公告功能_第5张图片

 




4. 修改manifest.json文件,解决富文本文件图片预览的问题

没有此配置,预览的图片的路径是/dev-api/profile/upload/2022/07/06/list1_1

加上配置后,预览图片的路径自动改为后端地址  http://127.0.0.1/profile/upload/2022/07/06/list1_1

配置完成后,一定要重新编译!!!!!!!

参考:uni-app解决跨域问题_闲人不梦卿的博客-CSDN博客_uniapp解决跨域问题

若依分离版—移动端开发公告功能_第6张图片

 

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号