Node.js和Express实现后台项目

Node.js搭建后台项目简单步骤介绍

  1. 项目初始化 npm init -y

  1. 创建入口文件 bin/www.js

  1. 安装模块 npm i cross-env nodemon -D npm i inspect -D -g

  1. package.json中项目配置运行环境 (入口文件, scripts节点配置dev, prd)

  1. bin/www.js 中创建服务器

  1. src/handle/serverHandler.js 处理用户请求,并给前台做出响应, 调用路由

  1. src/router 配置路由,(需要操作数据库)

  1. src/config/ 进行数据库相关配置

  1. src/utils/dbUtils/ 连接数据库工具(操作数据库), 创建客户端,进行连接, 数据处理方法(实现增删改查方法)

  1. 路由匹配成功, 处理前台传递的参数(可在control中单独处理), 使用数据库,返回处理结果

注意:

.then()中的数据不能直接供外部使用, 需返回Promise对象, async/await 异步/等待处理, 返回Promise对象, 将函数变为异步函数, await将异步转换为同步, 其中Promise类型的数据可直接return

Node.js和Express实现后台项目_第1张图片

Express

项目目录:

Node.js和Express实现后台项目_第2张图片

前端实现,login.html登录页就是酱紫, 利用js实现tab切换(多次用到, 封装成函数工具的话,用起来还是蛮方便的~~~)

Node.js和Express实现后台项目_第3张图片
      主页index.html, 新书速递模块渲染数据我采用的方式是,点击小标题(e.g:文学)将其作为参数传递,模糊查询图书类型含义文学的相关图书,根据图书本书动态渲染在页面上,同时也生成对应个数的小圆点
      图书资讯模块,小圆点也是根据图书本书渲染,左右切换浅做了一下(我jio的这里得做一下防抖,快速点击左右切换有点卡顿喔. 偷懒了{脸红})      
    最后的模块本来想做个点击修改按钮,实现相关信息修改, 偷了个小懒,后台后台实现了,前台还没有,后边慢慢更新叭~~~
Node.js和Express实现后台项目_第4张图片

项目资源已上传,放在这里啦, 可以下载后npm i 下载模块, npm run dev跑起来就好哈(dddd,这就不用我多说了叭~~~)

Node.js实现:https://download.csdn.net/download/qq_54379580/87417843

Express实现: https://download.csdn.net/download/qq_54379580/87417850

你可能感兴趣的:(Web---,前端,javascript,npm,node.js,express)