作者主頁：編程指南針
作者簡介：Java領(lǐng)域優(yōu)質(zhì)創(chuàng)作者、CSDN博客專家 、掘金特邀作者、多年架構(gòu)師設(shè)計經(jīng)驗、騰訊課堂常駐講師
主要內(nèi)容：Java項目、畢業(yè)設(shè)計、簡歷模板、學(xué)習(xí)資料、面試題庫、技術(shù)互助
收藏點贊不迷路? 關(guān)注作者有好處
文末獲取源碼?
項目編號：BS-QD-007
一，環(huán)境介紹
開發(fā)技術(shù)：Vue+Nodejs+ElementUI
數(shù)據(jù)庫：Mysql: mysql5.7
應(yīng)用服務(wù)器：nodejs
開發(fā)工具：IDEA或VSCode
二，項目簡介
? ?本系統(tǒng)主要基于前端開發(fā)技術(shù)，使用Vue+Nodejs來開發(fā)實現(xiàn)一款游戲資訊信息平臺網(wǎng)站。主要實現(xiàn)了前端用戶在查查看游戲資訊、分類瀏覽、在線交流互動、查看最新發(fā)布的游戲信息、游戲裝備信息，完成詳細瀏覽和視頻觀看，并進行點贊、收藏、評論等操作。后臺管理員主要完成用戶管理、資訊管理、資訊分類管理、游戲管理、游戲分類管理、裝備管理、裝備分管理、公告管理等。
三，系統(tǒng)展示
下面展示一下游戲資訊信息平臺的實現(xiàn)界面。
主界面如下
資訊瀏覽：含有熱點推薦
?分類查看游戲資訊
游戲瀏覽
?
?游戲詳情
?用房注冊
用房登錄
?
?在線交流論壇
?個人中心
?后臺管理展示
輪播圖管理
?
公告管理
?
游戲資訊管理
?游戲管理
?
?
四，核心代碼展示
用戶注冊后臺服務(wù)接口
const md5 = require("md5");
var Controller = require("../core/controller.js");
/**
* 登錄
*/
class Register extends Controller {
/**
* 構(gòu)造函數(shù)
* @param {Object} config 配置參數(shù)
*/
constructor(config) {
// 傳參給父類構(gòu)造函數(shù)
super(
Object.assign({
// 選擇的模板那路徑模板
tpl: "./register/",
// 選擇的服務(wù)
service: "user",
},
config
)
);
}
}
/**
* 注冊頁
* @param {Object} ctx http請求上下文
*/
Register.prototype.index = async function(ctx) {
var group_list = await $.services["user_group"].get_list({}, Object.assign({}, this.config));
return await ctx.render(this.config.tpl + "index.html", {
group_list
});
};
/**
* 注冊API
* @param {Object} ctx http請求上下文
*/
Register.prototype.api = async function(ctx) {
var user = $.services.user;
var body = ctx.request.body;
var username = body.username;
var obj = await user.get_obj({
username
});
if (obj) {
return {
error: {
code: 70000,
message: "賬戶名已存在",
},
};
} else {
var password = md5(body.password);
var nickname = body.nickname;
var user_group = body.user_group;
var email = body.email;
var email_state= body.hasOwnProperty('email_state') ? body.email_state : 0;
var phone = body.phone;
var phone_state= body.hasOwnProperty('phone_state') ? body.phone_state : 0;
var avatar = body.avatar;
var bl_reg = await user.add({
username,
password,
nickname,
user_group,
email,
email_state,
phone,
phone_state,
avatar
});
if (bl_reg) {
return {
result: "注冊成功"
};
} else {
return {
error: {
code: 70000,
message: "注冊失敗",
},
};
}
}
};
module.exports = Register;
用戶管理后臺服務(wù)接口文章來源：http://www.zghlxwxcb.cn/news/detail-468333.html
var Controller = require('../core/controller.js');
const md5 = require("md5");
/**
* 用戶
*/
class User extends Controller {
/**
* 構(gòu)造函數(shù)
* @param {Object} config 配置參數(shù)
*/
constructor(config) {
// 傳參給父類構(gòu)造函數(shù)
super(Object.assign({
// 選擇的模板那路徑模板
tpl: './user/',
// 選擇的服務(wù)
service: 'user',
// 注冊get API路由
get_api: ["state", "quit"]
}, config));
}
}
/**
* 獲取用戶登錄狀態(tài)
* @param {Object} ctx http請求上下文
*/
User.prototype.state = async function(ctx) {
var token = ctx.headers["x-auth-token"];
// 根據(jù)登錄態(tài)獲取用戶ID
var access_token = await $.services.access_token.get_obj({token});
if(access_token && access_token.user_id ){
var user = await this.service.get_obj({"user_id":access_token.user_id});
if (user) {
user.token = token;
return {
result: {obj: user}
}
} else {
return {
error: {
code: 50000,
message: "賬戶未登錄！"
}
}
}
}else {
return {
error: {
code: 50000,
message: "賬戶未登錄！"
}
}
}
};
/**
* 退出登錄
* @param {Object} ctx http請求上下文
*/
User.prototype.quit = async function(ctx) {
var user = ctx.session.user;
if (user) {
ctx.session.user = null;
var token = ctx.headers["x-auth-token"];
if (token) {
var service = $.services["access_token"];
await service.del({
token
});
}
return {
result: {
bl: true,
tip: "已退出"
}
}
} else {
return {
error: {
code: 50000,
tip: "賬戶未登錄！"
}
}
}
};
/**
* 添加用戶
*/
User.prototype.add = async function(ctx) {
ctx.request.body.password = md5(ctx.request.body.password);
var result = await this.service.add(ctx.request.body, this.config);
if (this.service.error) {
return {
error: this.service.error,
};
}
return {
result,
};
}
module.exports = User;
五，項目總結(jié)
? ?整個系統(tǒng)功能實現(xiàn)完整，采用Vue+Nodejs開發(fā)，并采用前后端分離的方式開發(fā)實現(xiàn)，前端頁面和后臺頁面采用獨立的工程實現(xiàn)，界面設(shè)計豐滿，充實而且大方得體，是一個不錯的前端畢業(yè)設(shè)計作品。文章來源地址http://www.zghlxwxcb.cn/news/detail-468333.html
到了這里，關(guān)于前端畢業(yè)設(shè)計|基于Vue+Nodejs實現(xiàn)游戲資訊平臺的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
