生活随笔
收集整理的這篇文章主要介紹了
Java基于springboot+vue的电子相册管理系统 前后端分离node
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
智能電子相冊(cè)是一個(gè)可以永久保留記憶的東西,用戶可以講自己美好的一面展示在網(wǎng)絡(luò)上,人更多的人了解到自己的生活,為此我們通過Java語言并結(jié)合springboot+vue開發(fā)了本次的電子相冊(cè)管理系統(tǒng),希望更多的人能夠留住自己美好的記憶
對(duì)于本電子相冊(cè)管理系統(tǒng)的設(shè)計(jì)來說,系統(tǒng)開發(fā)主要是采用java語言技術(shù),在整個(gè)系統(tǒng)的設(shè)計(jì)中應(yīng)用MySQL數(shù)據(jù)庫來完成數(shù)據(jù)存儲(chǔ),具體根據(jù)電子相冊(cè)管理系統(tǒng)的現(xiàn)狀來進(jìn)行開發(fā)的,具體根據(jù)現(xiàn)實(shí)的需求來實(shí)現(xiàn)電子相冊(cè)管理系統(tǒng)網(wǎng)絡(luò)化的管理,各類信息有序地進(jìn)行存儲(chǔ),進(jìn)入電子相冊(cè)管理系統(tǒng)頁面之后,方可開始操作主控界面,主要功能包括管理員:首頁,個(gè)人中心,修改密碼,個(gè)人信息,用戶管理,照片分類管理,照片管理,論壇交流,留言板管理,系統(tǒng)管理。前臺(tái)首頁;首頁, 照片展示,論壇交流,系統(tǒng)公告,留言反饋 ,個(gè)人中心 ,后臺(tái)管理等功能。
在系統(tǒng)首頁可以查看首頁、電子相冊(cè)、系統(tǒng)公告、個(gè)人中心、后臺(tái)管理、在線客服等內(nèi)容,如圖
使用說明
使用Navicat或者其它工具,在mysql中創(chuàng)建對(duì)應(yīng)名稱的數(shù)據(jù)庫,并導(dǎo)入項(xiàng)目的sql文件;
使用IDEA/Eclipse/MyEclipse導(dǎo)入項(xiàng)目,修改配置,運(yùn)行項(xiàng)目;
將項(xiàng)目中applicationContext.xml配置文件中的數(shù)據(jù)庫配置改為自己的配置,然后運(yùn)行;
運(yùn)行成功后,在瀏覽器中輸入:http://localhost:8080/項(xiàng)目名
開發(fā)工具:idea/eclipse、navicat for mysql
開發(fā)語言:java、jdk1.8、mysql
硬件環(huán)境:Win10系統(tǒng)、Google等。
主要技術(shù):spring家族,springboot springmvc、mybatis、vue 、java等
本課題要求實(shí)現(xiàn)一套電子相冊(cè)管理系統(tǒng)的開發(fā)與實(shí)現(xiàn),主要功能包括管理員:首頁,個(gè)人中心,修改密碼,個(gè)人信息,用戶管理,相冊(cè)分類管理,相冊(cè)管理,論壇交流,留言板管理,系統(tǒng)管理。前臺(tái)首頁;首頁, 相冊(cè)文章,論壇交流,系統(tǒng)公告,留言反饋 ,個(gè)人中心 ,后臺(tái)管理等功能。
管理員登錄,通過填寫用戶名、密碼、角色等信息,輸入完成后選擇登錄即可進(jìn)入電子相冊(cè)管理系統(tǒng),如圖
管理員對(duì)相冊(cè)信息管理進(jìn)行編輯相冊(cè)標(biāo)題、分類、圖片、發(fā)布日期、用戶賬號(hào)、郵箱等信息進(jìn)行詳情、刪除、修改操作。相冊(cè)信息管理效果圖如圖
管理員對(duì)用戶管理獲取用戶賬號(hào)、用戶姓名、頭像、性別、年齡、手機(jī)、郵箱并進(jìn)行詳情、刪除、修改。用戶管理效果圖如圖
/*** 登錄相關(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("賬號(hào)或密碼不正確");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}/*** 注冊(cè)*/@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("賬號(hào)不存在");}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初步設(shè)計(jì)方法與實(shí)施方案 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)濟(jì)可行性 6
3.1.2技術(shù)可行性 6
3.1.3運(yùn)行可行性 6
3.2系統(tǒng)現(xiàn)狀分析 6
3.3功能需求分析 7
3.4系統(tǒng)設(shè)計(jì)規(guī)則與運(yùn)行環(huán)境 8
3.5系統(tǒng)流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3刪除信息流程 10
4 系統(tǒng)設(shè)計(jì) 11
4.1系統(tǒng)設(shè)計(jì)主要功能 11
4.2數(shù)據(jù)庫設(shè)計(jì) 11
4.2.1數(shù)據(jù)庫設(shè)計(jì)規(guī)范 11
4.2.2 E/R圖 11
4.2.3數(shù)據(jù)表 12
5 系統(tǒng)實(shí)現(xiàn) 25
5.1系統(tǒng)功能模塊 25
5.2后臺(tái)模塊 27
5.2.1管理員功能模塊 27
5.2.2用戶功能模塊 30
6 系統(tǒng)測(cè)試 33
6.1功能測(cè)試 33
6.2可用性測(cè)試 33
6.3性能測(cè)試 34
6.4測(cè)試結(jié)果分析 34
7結(jié) 論 35
參考文獻(xiàn) 36
致 謝 37
總結(jié)
以上是生活随笔為你收集整理的Java基于springboot+vue的电子相册管理系统 前后端分离node的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。