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

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

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


前端技术:vue.js


开发工具:vscode或者idea等


数据库:mysql5.7


项目介绍:



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


功能详情:



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


部分功能展示:



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


系统首页:


20210817151048715.png



问答


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


20210817151123767.png



活动


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


20210817151205538.png



企业招聘


可以看到企业的招聘信息


2021081715123474.png


招聘详情


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


20210817151315139.png



二手信息


查看用户发布的二手信息


20210817151351778.png



意见反馈


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


20210817151439755.png


举报


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


20210817151514192.png



举报


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


20210817151556118.png


用户账户认证


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


2021081715163054.png


发布活动信息


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


20210817151722486.png



后台-登


管理员账户登录


20210817151804703.png


后台-数据中心


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


20210817151832538.png


后台-个人中心


个人信息查看


20210817151900295.png



后台-用户管理


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


20210817151919970.png



后台-管理员管理


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


20210817151954159.png


后台-标签管理


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


20210817152015490.png


后台-评论审核


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


20210817152044310.png


后台-轮播图管理


对轮播图动态操作


20210817152108645.png


后台-内容审核


对用户发布的内容操作


20210817152128795.png


数据库


2021081715215179.png


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



//登录
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)
}


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


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

相关文章
|
4月前
|
前端开发
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台(二)
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台
|
3月前
|
Web App开发 JavaScript 前端开发
构建现代Web应用:Vue.js与Node.js的完美结合
在当今快速发展的Web技术领域,选择合适的技术栈对于开发高效、响应迅速的现代Web应用至关重要。本文深入探讨了Vue.js和Node.js结合使用的优势,以及如何利用这两种技术构建一个完整的前后端分离的Web应用。不同于传统的摘要,我们将通过一个实际的项目示例,展示从搭建项目架构到实现具体功能的整个过程,着重介绍了Vue.js在构建用户友好的界面方面的能力,以及Node.js在处理服务器端逻辑和数据库交互中的高效性。通过本文,读者不仅能够理解Vue.js与Node.js各自的特点,还能学习到如何将这两种技术融合应用,以提升Web应用的开发效率和用户体验。
|
4月前
|
JavaScript
Vue3 + Typescript + Node.js 搭建elementUI使用环境
Vue3 + Typescript + Node.js 搭建elementUI使用环境
46 0
|
4月前
|
小程序
基于Uniapp+SpringBoot+Vue的电影交流平台小程序设计与实现(源码+lw+部署文档+讲解等)
基于Uniapp+SpringBoot+Vue的电影交流平台小程序设计与实现(源码+lw+部署文档+讲解等)
56 0
基于Uniapp+SpringBoot+Vue的电影交流平台小程序设计与实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript 前端开发 关系型数据库
毕业设计|nodejs校园大学社团管理系统
毕业设计|nodejs校园大学社团管理系统
|
4月前
|
人工智能 小程序 前端开发
毕业设计|基于NODE+VUE的校园跑腿平台系统
毕业设计|基于NODE+VUE的校园跑腿平台系统
|
4月前
|
前端开发 JavaScript Java
基于Springboot+Vue实现校园意见箱
基于Springboot+Vue实现校园意见箱
|
4月前
|
小程序 前端开发 JavaScript
使用Springboot+vue+微信小程序开发校园二手商城系统
使用Springboot+vue+微信小程序开发校园二手商城系统
|
4月前
|
监控 前端开发 JavaScript
在线教育系统|线上教学系统|基于Springboot+Vue+Nodejs实现在线教学平台系统
在线教育系统|线上教学系统|基于Springboot+Vue+Nodejs实现在线教学平台系统
|
4月前
|
前端开发 JavaScript 关系型数据库
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台(一)
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台