Nodejs+vue+Express校园二手图书网站

发布时间：2024-12-07 11:57

利用二手书网站如 eBay 或 Amazon，方便地购买二手图书。 #生活技巧# #节省生活成本# #节俭生活方式# #二手图书#

文章目录项目介绍具体实现截图技术栈支持开发工具和技术简介错误处理和异常处理nodejs类核心代码部分展示解决的思路源码获取/联系我

项目介绍

校园二手图书网站主要分为前台用户端、后台管理端。
前台用户端主要的功能为：首页，图书信息，动态图书圈，公告资讯，购物车，个人中心等功能进行操作。
后台管理端主要功能为：首页，个人中心，用户管理，学院管理，专业管理，图书分类管理，图书信息管理，动态图书圈，系统管理，订单管理等功能。

考虑到实际生活中在校园二手图书管理方面的需要以及对该系统认真的分析,将系统权限按进行划分。
管理员登入使用本系统涉到的功能主要有首页，个人中心，用户管理，学院管理，专业管理，图书分类管理，图书信息管理，动态图书圈，系统管理，订单管理等功能。

具体实现截图

在这里插入图片描述

技术栈支持

该系统将采用B/S结构模式，开发软件有很多种可以用，本次开发用到的软件是vscode，用到的数据库是MySQL，为了更加便捷地使用数据库，用到了MySQL的可视化工具SQLyog/Navicat。
前端:vue.js+ElementUi
数据库：mysql
数据库工具：Navicat/SQLyog都可以
开发运行软件：VScode/webstorm/hbuiderx均可
express+Nodejs+Vue.js -vscode

开发工具和技术简介

Nodejs语言
只有拥有了一款解析器才能使得脚本语言顺利运行，JavaScript语言是一种脚本语言，各种各样的解析器位于系统中的不同部位，Node.js是一个完整的解析器，而且OS允许js来定义多种多样种类繁多的数据结构，从而处理各种运算，还准许js使用系统环境所提供的多种内置对象和方式做各类计算。当处在浏览器运行环境下时，js技术的用途是进行DOM相关的运算，在这个情况下，该环境便提供一个document类别的内置操作对象。而在node.js运行环境下的js的用途是对磁盘文件进行操作或者是对http服务器进行搭建，此时，node.js就相应提供了fs,http等系统内置对象。

vue前端框架
前端方面，采用近几年比较火的Vue前端框架。Vue是一套用于构建用户界面的渐进式前端框架，使用其可以简化前端页面的开发。同时本系统采用前后端分离开发模式，前端只需要专注于页面的开发，以及接收后端传过来的数据，而后端只需要专注于业务的处理，提供获取JSON格式数据的接口。Express不对node.js已有的特性进行二次抽象，只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单。Express是Web开发人员最欢迎的Node.js框架之一,提供一系列强大特性帮助创建各种Web应用。

VScode是我们最常用的网页编辑器，通过日常学习，我们基本熟练运用，在完成项目的过程中，我们可以更加节省时间。而且VScode包含很多插件并且免费，下载更加快捷方便，可以给我们提供很多便捷条件。运行的便捷给我提供很大帮助。

MySQL通过协议分析SQL语句的语法，支持标准的SQL语言实现增删改查，同时，MYSQL提供了丰富的接口，可以和不同的语言进行连接。在使用MySQL时，首先通过create语句创建数据库名称，并指定数据库文件对应的路径地址，然后通过create table来创建数据库表。创建数据库表时要设置数据库表内的字段以及字段类型、字段是否为空、是否主键、是否外键、是否索引字段、类型的长度等等。

错误处理和异常处理

在系统中，设计了一个健壮的错误处理和异常处理策略。系统会捕获可能发生的错误和异常情况，并提供相应的处理和反馈机制。
系统将采用适宜的异常类别来描述各种类型的错误和异常状况，并通过异常处理策略去捕获和应对这些异常。在处理异常时，系统会提供相关的错误数据和日志记录，以协助开发者和管理者进行问题诊断和解决。此外，系统还会向用户提供友好的错误提示，以确保用户能够理解问题并采取适当的行动。

nodejs类核心代码部分展示

import { version } from '../../package.json' import { Router } from 'express' import { Op } from 'sequelize' import toRes from '../lib/toRes' import UsersModel from '../models/UsersModel' import jwt from 'jsonwebtoken' export default ({ config, db }) => {let api = Router()// 用户登录接口api.post('/login', async (req, res) => {try {let userinfo = await UsersModel.findOne({ where: { username: req.query.username, password: req.query.password } })if (userinfo === null) {toRes.session(res, -1, '用户名或密码错误！')return;}const token = jwt.sign({id: userinfo.dataValues.id,username: userinfo.dataValues.username,role: userinfo.dataValues.role},config.jwtSecret,{expiresIn: 60 * 60 * 24 * 1})userinfo.dataValues.token = tokendelete userinfo.dataValues.passwordreq.session.userinfo = userinfotoRes.session(res, 0, '登录成功！', token)} catch(err) {toRes.session(res, 500, '服务器错误！', '', 500)}})// 用户退出接口api.all('/logout', (req, res) => {if (!toRes.auth(req, res, '管理员')) returnreq.session.destroy(err => {toRes.session(res, 0, '退出成功！')})})// 注册接口api.post('/register', async (req, res) => {try {const userinfo = await UsersModel.create(req.body)if (userinfo === null) {toRes.session(res, -1, '注册失败！')} else {toRes.session(res, 0, '注册成功！')}} catch(err) {toRes.session(res, 500, '服务器错误！', '', 500)}})

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475

解决的思路

分为前后台分离模式开发，后台管理员管理整个系统的功能，前台用户查询信息，通过功能菜单可以一目了然的清楚系统具有的功能和操作方式，没有复杂的界面设置和流程要求，只要具有计算机基础的操作即可使用本系统，所以。在操作上就有可行性。
采用B/S模式架构系统，开发简单，只需要连接网络即可登录本系统，不需要安装任何客户端。开发工具采用VSCode，前端采用Vue+ElementUI，后端采用Node.js，数据库采用MySQL。
涉及的技术栈
1）前台页面：
页面结构布局采用Vue框架，可能会使用到第三方组件库Element-ui或View Design组件库、axios发送请求、html和less语法。
2）后台服务器：
服务器搭建采用基于node的Express框架快速搭建服务器，需要引入mysql模块进行对数据库的操作
3）数据库：
mysql数据库，Navicat可视化工具辅助操作数据库