基于vue+node的校园交流平台

系统使用技术:node.js+express

前端技术:vue.js

开发工具:vscode或者idea等

数据库:mysql5.7

项目介绍:

该系统基于vue.js+node.js整合,mysql数据库,页面很美观,功能完善。非常适合毕业设计、课程设计、数据库大作业等。

功能详情:

- 前台
  * 问答
  * 活动
  * 失物认领
  * 二手交易
  * 招聘信息
  * 文章与新闻
  * 个人中心&&登录注册
    + 个人中心
     * 问答
       *  发布
        * 管理 
      * 活动
         *  发布
        * 管理 
     * 失物认领
        *  发布
        * 管理 
    * 二手交易
           *  发布
        * 管理 
     * 招聘信息
        *  发布
        * 管理 
    *   文章与新闻
        *  发布
        * 管理 
 * 后台
     * 仪表盘
     * 审核中心
        * 问答 /活动/失物认领/ 二手交易/招聘信息/ 文章与新闻
        * 留言审核
     * 认证中心
       * 学生认证
       * 公司认证
     * 客服中心
     * 平台管理
           分类管理
     * 账号管理
             账号添加/删除/授权/

部分功能展示:

下面我们来看看部分相关功能。

系统首页:

问答

可以查看所有问答,也可以分类查看

活动

查看活动信息,或者分类查看

 

企业招聘

可以看到企业的招聘信息

招聘详情

查看招聘要求,公司信息等

二手信息

查看用户发布的二手信息

意见反馈

用户可以反馈系统使用问题

举报

用户可以举报用户,或者用户发布的信息,后台审核

 

个人中心

查看个人信息,个人的数据统计

 

用户账户认证

用户可以对个人信息认证或者进行企业认证,认证之后才可以在相应板块发布信息

 

发布活动信息

用户可以根据需要发布内容

 

后台-登录

管理员账户登录

后台-数据中心

查看用户、评论以及内容的统计信息

 

后台-个人中心

个人信息查看

 

后台-用户管理

对用户进行操作,也可以封禁账户

 

后台-管理员管理

管理员账户可以进行设置权限信息

 

后台-标签管理

对问答、活动、文章等分类进行管理

 

后台-评论审核

可以查看审核,并进行审核操作

 

后台-轮播图管理

对轮播图动态操作

 

后台-内容审核

对用户发布的内容操作

 

数据库

 

 部分后台获取数据请求代码:

//登录
exports.login = async (req, res) => {
    req.body.password = md5(`${req.body.password}${PED_SALT}`)
    let info = [req.body.username, req.body.password]
    let sql = 'select * from admin where username=? and password=?'
    
    const result = await query(sql, info)
    if (result.length == 0) {
        data = {
            state: e,
            data: {
            }
        }   //    数据库里面没找到配对的内容返回参数
    } else {
        console.log(result[0].user_id)
        let uid = result[0].user_id
        let nickname = result[0].nickname
        let username = result[0].username
        let jurisdiction = {
            isyh: result[0].isyh,
            isgl: result[0].isgl,
            issh: result[0].issh,
            isfk: result[0].isfk,
            user_state: result[0].user_state,
        }
        //通过jwt生成token     npm i -s jsonwebtoken
        let token = jwt.sign(
            { uid, username, jurisdiction },
            PEIVATE_KEY,
            { expiresIn: EXPIRE_SIN }
        )
        data = {
            state: s,
            data: {
                token: token,
                userinfo: {
                    uid: uid,
                    nickname: nickname,
                    username: username,
                    jurisdiction: jurisdiction
                }
            }
        }//返回登录成功
    }
    console.log(data)
    res.send(data);
}
//获取管理员信息
exports.getadmin = async (req, res) => {
    let info = [req.user.uid]
    let sql = 'select * from admin where user_id =?'
    const result = await query(sql, info)
    data = {
        state: s,
        data: result[0]
    }
    res.send(data)
}
//删除用户
exports.deleteuser = async (req, res) => {
    console.log(req.body)
    let info = [req.body.user_id]
    let sql = `delete  from ${req.body.usertype} where user_id=? `
    const result = await query(sql, info)
    data = {
        state: s,
        data: result,

    }
    res.send(data)
}

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫头鹰源码(同名B站)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值