生活随笔
收集整理的這篇文章主要介紹了
Java基于springboot+vue的电子相册管理系统 前后端分离node
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
智能電子相冊是一個可以永久保留記憶的東西,用戶可以講自己美好的一面展示在網(wǎng)絡上,人更多的人了解到自己的生活,為此我們通過Java語言并結(jié)合springboot+vue開發(fā)了本次的電子相冊管理系統(tǒng),希望更多的人能夠留住自己美好的記憶
對于本電子相冊管理系統(tǒng)的設計來說,系統(tǒng)開發(fā)主要是采用java語言技術(shù),在整個系統(tǒng)的設計中應用MySQL數(shù)據(jù)庫來完成數(shù)據(jù)存儲,具體根據(jù)電子相冊管理系統(tǒng)的現(xiàn)狀來進行開發(fā)的,具體根據(jù)現(xiàn)實的需求來實現(xiàn)電子相冊管理系統(tǒng)網(wǎng)絡化的管理,各類信息有序地進行存儲,進入電子相冊管理系統(tǒng)頁面之后,方可開始操作主控界面,主要功能包括管理員:首頁,個人中心,修改密碼,個人信息,用戶管理,照片分類管理,照片管理,論壇交流,留言板管理,系統(tǒng)管理。前臺首頁;首頁, 照片展示,論壇交流,系統(tǒng)公告,留言反饋 ,個人中心 ,后臺管理等功能。
在系統(tǒng)首頁可以查看首頁、電子相冊、系統(tǒng)公告、個人中心、后臺管理、在線客服等內(nèi)容,如圖
使用說明
使用Navicat或者其它工具,在mysql中創(chuàng)建對應名稱的數(shù)據(jù)庫,并導入項目的sql文件;
使用IDEA/Eclipse/MyEclipse導入項目,修改配置,運行項目;
將項目中applicationContext.xml配置文件中的數(shù)據(jù)庫配置改為自己的配置,然后運行;
運行成功后,在瀏覽器中輸入:http://localhost:8080/項目名
開發(fā)工具:idea/eclipse、navicat for mysql
開發(fā)語言:java、jdk1.8、mysql
硬件環(huán)境:Win10系統(tǒng)、Google等。
主要技術(shù):spring家族,springboot springmvc、mybatis、vue 、java等
本課題要求實現(xiàn)一套電子相冊管理系統(tǒng)的開發(fā)與實現(xiàn),主要功能包括管理員:首頁,個人中心,修改密碼,個人信息,用戶管理,相冊分類管理,相冊管理,論壇交流,留言板管理,系統(tǒng)管理。前臺首頁;首頁, 相冊文章,論壇交流,系統(tǒng)公告,留言反饋 ,個人中心 ,后臺管理等功能。
管理員登錄,通過填寫用戶名、密碼、角色等信息,輸入完成后選擇登錄即可進入電子相冊管理系統(tǒng),如圖
管理員對相冊信息管理進行編輯相冊標題、分類、圖片、發(fā)布日期、用戶賬號、郵箱等信息進行詳情、刪除、修改操作。相冊信息管理效果圖如圖
管理員對用戶管理獲取用戶賬號、用戶姓名、頭像、性別、年齡、手機、郵箱并進行詳情、刪除、修改。用戶管理效果圖如圖
/*** 登錄相關(guān)*/
@RequestMapping("users")
@RestController
public class UserController{@Autowiredprivate UserService userService;@Autowiredprivate TokenService tokenService;/*** 登錄*/@IgnoreAuth@PostMapping(value = "/login")public R login(String username, String password, String captcha, HttpServletRequest request) {UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));if(user==null || !user.getPassword().equals(password)) {return R.error("賬號或密碼不正確");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}/*** 注冊*/@IgnoreAuth@PostMapping(value = "/register")public R register(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {return R.error("用戶已存在");}userService.insert(user);return R.ok();}/*** 退出*/@GetMapping(value = "logout")public R logout(HttpServletRequest request) {request.getSession().invalidate();return R.ok("退出成功");}/*** 密碼重置*/@IgnoreAuth@RequestMapping(value = "/resetPass")public R resetPass(String username, HttpServletRequest request){UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));if(user==null) {return R.error("賬號不存在");}user.setPassword("123456");userService.update(user,null);return R.ok("密碼已重置為:123456");}/*** 列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params,UserEntity user){EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/list")public R list( UserEntity user){EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();ew.allEq(MPUtil.allEQMapPre( user, "user")); return R.ok().put("data", userService.selectListView(ew));}/*** 信息*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") String id){UserEntity user = userService.selectById(id);return R.ok().put("data", user);}/*** 獲取用戶的session用戶信息*/@RequestMapping("/session")public R getCurrUser(HttpServletRequest request){Long id = (Long)request.getSession().getAttribute("userId");UserEntity user = userService.selectById(id);return R.ok().put("data", user);}/*** 保存*/@PostMapping("/save")public R save(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {return R.error("用戶已存在");}userService.insert(user);return R.ok();}/*** 修改*/@RequestMapping("/update")public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);userService.updateById(user);//全部更新return R.ok();}/*** 刪除*/@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){userService.deleteBatchIds(Arrays.asList(ids));return R.ok();}
}
目錄
1 緒論 1
1.1課題背景 1
1.2課題研究現(xiàn)狀 1
1.3初步設計方法與實施方案 2
1.4本文研究內(nèi)容 2
2 系統(tǒng)開發(fā)環(huán)境 4
2.1 使用工具簡介 4
2.2 環(huán)境配置 4
2.3 B/S結(jié)構(gòu)簡介 4
2.4 MySQL數(shù)據(jù)庫 5
2.5 框架介紹 5
3 系統(tǒng)分析 6
3.1系統(tǒng)可行性分析 6
3.1.1經(jīng)濟可行性 6
3.1.2技術(shù)可行性 6
3.1.3運行可行性 6
3.2系統(tǒng)現(xiàn)狀分析 6
3.3功能需求分析 7
3.4系統(tǒng)設計規(guī)則與運行環(huán)境 8
3.5系統(tǒng)流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3刪除信息流程 10
4 系統(tǒng)設計 11
4.1系統(tǒng)設計主要功能 11
4.2數(shù)據(jù)庫設計 11
4.2.1數(shù)據(jù)庫設計規(guī)范 11
4.2.2 E/R圖 11
4.2.3數(shù)據(jù)表 12
5 系統(tǒng)實現(xiàn) 25
5.1系統(tǒng)功能模塊 25
5.2后臺模塊 27
5.2.1管理員功能模塊 27
5.2.2用戶功能模塊 30
6 系統(tǒng)測試 33
6.1功能測試 33
6.2可用性測試 33
6.3性能測試 34
6.4測試結(jié)果分析 34
7結(jié) 論 35
參考文獻 36
致 謝 37
總結(jié)
以上是生活随笔為你收集整理的Java基于springboot+vue的电子相册管理系统 前后端分离node的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。