文末獲取源碼
開發(fā)語言:Java
框架:SSM
JDK版本:JDK1.8
數(shù)據(jù)庫:mysql 5.7
開發(fā)軟件:eclipse/myeclipse/idea
Maven包:Maven3.5.4
小程序框架:uniapp
小程序開發(fā)軟件:HBuilder X
小程序運行軟件:微信開發(fā)者
目錄
目錄
前言
系統(tǒng)展示
系統(tǒng)首頁界面的設(shè)計實現(xiàn)
用戶注冊功能的設(shè)計實現(xiàn)
用戶登錄功能的設(shè)計實現(xiàn)
用戶個人信息修改功能的設(shè)計實現(xiàn)
歌曲信息功能的設(shè)計實現(xiàn)
評價功能的設(shè)計實現(xiàn)
會員優(yōu)惠功能界面的設(shè)計實現(xiàn)
會員辦理功能的設(shè)計實現(xiàn)
我的功能的界面實現(xiàn)
管理員功能模塊的設(shè)計實現(xiàn)
代碼實現(xiàn)
登錄功能實現(xiàn)代碼
注冊功能實現(xiàn)代碼
密碼重置功能實現(xiàn)代碼
修改信息功能實現(xiàn)代碼
刪除信息功能實現(xiàn)代碼
保存信息功能實現(xiàn)代碼
前言
科技的發(fā)展賦予了聽音樂新的途徑,微信小程序名詞的出現(xiàn)改變了用戶生活的習慣,同時也為管理者打開了新的市場。微信小程序也可以理解為利用小程序來解決需求,這種方式可以打破時間和地點的限制,可以為用戶提供隨時聽歌的平臺,用戶可以在平臺上隨時找喜歡的歌曲進行播放。微信小程序的音樂播放器將用戶與音樂更加緊密的結(jié)合在一起,減少時間與地點的問題。
本基于微信小程序的音樂播放器采用微信端和服務(wù)端相結(jié)合的方式進行開發(fā)。在服務(wù)端采用java語言和mysql數(shù)據(jù)庫進行設(shè)計,在運行中需要idea軟件的調(diào)試。本系統(tǒng)就是采用隨聽隨放的理念進行開發(fā),用戶可以在系統(tǒng)上瀏覽不同歌曲,找到符合要求的歌曲就可以在線播放,也可以在線評論;評論后可以收到其它用戶的回復(fù)。為了更加方便用戶使用本系統(tǒng),本系統(tǒng)中也加入了會員辦理的功能,用戶辦理了會員后可以享受會員優(yōu)惠。本系統(tǒng)的實現(xiàn)可以幫助用戶聽音樂,非常符合現(xiàn)代人的音樂需求。
系統(tǒng)展示
系統(tǒng)首頁界面的設(shè)計實現(xiàn)
系統(tǒng)的首頁可以看到標題、功能導(dǎo)航欄、搜索框、歌曲信息等,在首頁的上方可以看到搜索框、背景圖片。
?
用戶注冊功能的設(shè)計實現(xiàn)
為了保證系統(tǒng)的安全性和滿足用戶的聽歌要求,用戶需要先進行注冊才可以進行操作,用戶注冊時需要注意表單信息的填寫,在表單信息填寫完成后,系統(tǒng)可以實現(xiàn)對表單信息進行自我檢測,當檢測為正確時,可以實現(xiàn)注冊成功,當有信息檢測為錯誤時會提示重新填寫。用戶注冊成功后系統(tǒng)會把填寫的表單保存到數(shù)據(jù)庫中。?
?
用戶登錄功能的設(shè)計實現(xiàn)
用戶注冊完成后,可以點擊登錄功能進行登錄,在登錄時會進行賬號和密碼的數(shù)據(jù)驗證,賬號和密碼驗證正確則登錄成功,賬號和密碼驗證錯誤則登錄失敗,需要重新登錄。?
?
用戶個人信息修改功能的設(shè)計實現(xiàn)
用戶登錄后可以對自己的個人資料進行修改維護,包括對圖片的設(shè)置,在用戶個人信息修改界面設(shè)置了保存按鈕和退出登錄按鈕,方便用戶提交和重新填寫信息。?
?
歌曲信息功能的設(shè)計實現(xiàn)
歌曲信息為基本的功能,歌曲信息可以按照推薦進行排名,對于歌曲信息的展示以圖片展示為主,可以使用戶更加的一目了然?
?
評價功能的設(shè)計實現(xiàn)
在看到喜歡的歌曲后可以在線評論。?
?
會員優(yōu)惠功能界面的設(shè)計實現(xiàn)
用戶可以通過本功能進行會員卡的信息了解。?
?
會員辦理功能的設(shè)計實現(xiàn)
用戶可以選擇會員優(yōu)惠進行會員卡的辦理。?
?
我的功能的界面實現(xiàn)
在我的功能里可以查詢會員優(yōu)惠和進行會員辦理以及管理會員信息、收藏信息?
?
管理員功能模塊的設(shè)計實現(xiàn)
管理員可以管理用戶信息、歌曲信息、會員優(yōu)惠信息和會員辦理信息、歌曲分類信息等。?文章來源:http://www.zghlxwxcb.cn/news/detail-786245.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-786245.html
代碼實現(xiàn)
登錄功能實現(xiàn)代碼
@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);
}
注冊功能實現(xiàn)代碼
@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();
}
密碼重置功能實現(xiàn)代碼
@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");
}
修改信息功能實現(xiàn)代碼
@RequestMapping("/update")
public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
return R.error("用戶名已存在。");
}
userService.updateById(user);//全部更新
return R.ok();
}
刪除信息功能實現(xiàn)代碼
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
userService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
保存信息功能實現(xiàn)代碼
@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();
}
到了這里,關(guān)于案例115:基于微信小程序的音樂播放器的設(shè)計與實現(xiàn)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!