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

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

移动端可直接下载开源源码若依-ruoyi-AiDex-Uniapp《https://gitee.com/big-hedgehog/ruoyi-uniapp》

（1）优点：实现了和若依分离版后端交互，实现了登录，修改密码。

（2）缺点：功能不全，若依的公告功能，用户管理等功能没有实现移动端

效果图如下：

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

 1. 通知公告栏跳转到通知列表（图1到图2）

2.新建 list_notice 通知列表页面

3. 通知公告详情界面

修改form.vue

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解决跨域问题

4.前端api增加

		notice:{
			listData:(params={})=>vm.$u.get(config.adminPath+'/system/notice/mobile/list',params),
			getNotice:(params={})=>vm.$u.get(config.adminPath+'/system/notice/mobile',params),
		},

5.后端代码增加

  
    @GetMapping("/mobile/list")
    public TableDataInfo mobilelist(SysNotice notice)
    {
        startPage();
        List list = noticeService.selectNoticeList(notice);
        return getDataTable(list);
    }
    
    @GetMapping("mobile")
    public AjaxResult getMoblieNotice(SysNotice notice)
    { // Long noticeId = Long.parseLong(request.getParameter("noticeId"));
        return AjaxResult.success(noticeService.selectNoticeById(notice.getNoticeId()));
    }