返回顶部
首页 > 资讯 > 前端开发 > JavaScript >node快速搭建后台的实现步骤
  • 794
分享到

node快速搭建后台的实现步骤

2024-04-02 19:04:59 794人浏览 独家记忆
摘要

1.首先安装node,express,express-generator (4.x版本把generator分离出来了所以需要单独安装) 2.进入项目文件输入命令express 项目名

1.首先安装node,express,express-generator (4.x版本把generator分离出来了所以需要单独安装)

2.进入项目文件输入命令express 项目名npm i安装响应的包,那么简易的后端框架就给你搭好了,默认端口是3000 在bin下面的www修改

我一般习惯于改写app.js然后把bin文件删了,因为越简洁越好
改写app

var Http=require('http')
var server=http.createServer(app)
//省略中间  然后在最后的导出app删除 直接监听
server.listen('3030',()=>{console.log('服务器启动成功');})

最后修改package.JSON,由于每个人的习惯我习惯启用用dev 启动
在脚本scripts修改

"scripts": { "dev": "nodemon ./app.js" },

注意这里我安装了nodemon 使用的是热模块替换 也就是实时刷新

2.安装数据库Mysql

然后就是在index中测试
 

详细的数据库操作就不说了

3.下面进行路由的二次封装

首先在外面创建一个路由请求的文件app/index.js

//这是处理执行数据库语句的
const { exec } = require('../unil/db')

init=(req,res)=>{
  exec('select * from Goods_type_info where 1=1', [], (err, result) => {
    if (err) {
      console.log('服务链接出错');
    } else {
      res.send({code:200000,data:result})
    }
  })
}

module.exports = {init};

//然后在需要的文件中调用就行
let getDate=require('../app/index')

router.get('/',getDate.init);//这是哪个路由执行哪条语句 这是处理路由的 第一个是路由 第二个是路由执行的方法  如果路由是嵌套的则需要拼接

这里面的分类可以在细一点 比如哪个页面用到的那些路由统统分离然后统一导入
另外expres快速创建的模板是不需要导入body-parser的第一个是因为被弃用了,第二个是因为他用了app.use(express.json());app.use(express.urlencoded({ extended: false }));代替了

在这里前端记得发起的请求头是这种格式 不然在后端接收的数据格式有问题 不同的格式有不同的写法 ,详细的百度Content-Type

这样就能快速的搭建好一个简单的后台框架

在这里我补充一点遇到的问题,就是如果你是本地搭建的,前端开启必须要写端口号,不然很容易造成假跨域,造成前端请求,后端保存数据,在第二次请求的时候拿不到session

到此这篇关于node快速搭建后台的文章就介绍到这了,更多相关node快速搭建后台内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: node快速搭建后台的实现步骤

本文链接: https://lsjlt.com/news/161392.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • node快速搭建后台的实现步骤
    1.首先安装node,express,express-generator (4.x版本把generator分离出来了所以需要单独安装) 2.进入项目文件输入命令express 项目名...
    99+
    2024-04-02
  • 如何使用node快速搭建后台
    这篇文章主要介绍了如何使用node快速搭建后台,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。首先安装node,express,express-generator (4.x版本...
    99+
    2023-06-22
  • vue-element-admin搭建后台管理系统的实现步骤
    近期在搞一个会议健康申报系统时,要搞一个后台,用到了vue-element-admin模板,使用的是PanJianChen(源码地址:https://github.com/PanJi...
    99+
    2024-04-02
  • 使用vue3搭建后台系统的详细步骤
    目录一、配置vite二、router路由1、安装router路由2、配置router路由3、注册router路由4、使用router路由三、安装element plus等其他依赖1、...
    99+
    2024-04-02
  • Docker-swarm快速搭建redis集群的方法步骤
    目录环境配置修改hostname创建目录创建网络编写compose.yml模版文件启动服务验证测试集群集群测试验证环境配置 1.三台虚拟机,VM16 操作系统IP备注centos71...
    99+
    2024-04-02
  • vue3.0项目快速搭建的完整步骤记录
    目录一、我们要确保vue/cli版本在4.5.0以上,才能更好的支持3.0二、通过vue/cli3创建我们的第一个项目RouterCSS 预编译ESLint 语法校验运行项目升级vu...
    99+
    2024-04-02
  • Spring Boot简介与快速搭建详细步骤
    Spring Boot简介 SpringBoot为了简化在开发基于 Spring的项目的难度,减少了哪些繁杂的配置,从而让开发基于 Spring的项目变成一个相当简单容易的事。 Sp...
    99+
    2024-04-02
  • Windows下快速搭建NodeJS本地服务器的步骤
    本文介绍了Windows下快速搭建NodeJS本地服务器的步骤,分享给大家,具体如下: 首先我们要到Node.js官网下载对应版本的安装包 http://nodejs.cn/download/ 接着就...
    99+
    2022-06-04
    步骤 快速 服务器
  • SpringMVC的工程搭建步骤实现
    目录一、创建项目二、配置核心文件三、web.xml四、配置TomCat五、运行TomCat一、创建项目 1、新建一个项目名为:springmvc-demo-yuyongqing 右键...
    99+
    2024-04-02
  • TypeScript环境搭建的实现步骤
    目录1. 安装TS环境2. 安装 ts-node3. 安装nodemon4. Parcel打包支持浏览器运行TS文件前提是已经装好了node.js,node.js安装图文教程&nbs...
    99+
    2024-04-02
  • maven私服搭建的实现步骤
    目录私服说明搭建maven私服从私服下载jar到本地仓库修改默认中央仓库私服说明 ​ maven仓库分为本地仓库和远程仓库,而远程仓库又分为maven中央仓库、其他远程仓...
    99+
    2024-04-02
  • Docker搭建部署Node项目的方法步骤
    目录什么是Docker客户端DockerDocker基本操作镜像名称拉取镜像其他操作DockerfileDocker-compose构建nginx-node-postgres项目前段...
    99+
    2024-04-02
  • Python快速搭建http服务器和FTP服务器的步骤
    本篇内容介绍了“Python快速搭建http服务器和FTP服务器的步骤”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!实验如下:机器ip: 1...
    99+
    2023-06-06
  • vue3.0+vant3.0快速搭建项目的实现
    目录一、项目的搭建二、vue3体验+vant引入2020年09月18日,vue.js 3.0正式发布,去网上看了看关于3.0的教程都不够完整,但其实vuecli最新版已经支持了vue...
    99+
    2024-04-02
  • VSCode搭建vue项目的实现步骤
    目录一、安装环境:二、建项目:一、安装环境: 1.默认Vscode、nodejs已经安装好了 2.全局安装vue-cli,vue-cli帮助我们快速构建Vue项目。 npm inst...
    99+
    2024-04-02
  • Flask搭建api服务的实现步骤
    Flask是一个使用 Python 编写的轻量级 Web 应用框架,很适合个人开发,我们在此处做一个接口。 为方便调试,本文使用get接口方式。get接口十分简单,不需要上传任何数据...
    99+
    2024-04-02
  • Redis的Cluster集群搭建的实现步骤
    目录一、引言二、Redis的Cluster模式介绍1、Redis群集101 2、Redis群集TCP端口 3、Redis集群和Docker 4、Redis集群数据分片 5、Redis...
    99+
    2024-04-02
  • MacBook M1 Flutter环境搭建的实现步骤
    目录一、基础环境搭建 git:Flutter SDK:CocoaPods:二、安装IDEIDEA:Xcode:AndroidStudio:三、跑一个app试试最近入手了Ap...
    99+
    2024-04-02
  • redis搭建哨兵集群的实现步骤
    目录redis安装部署redis集群架构配置redis主从测试主从搭建redis哨兵集群哨兵集群详解:哨兵集群原理哨兵集群redis安装部署 环境说明: redis使用的是6.2.6...
    99+
    2024-04-02
  • vue-cli5搭建vue项目的实现步骤
    vue-cli 的最新版本是5.0.4 首先需要全局安装 vue-cli yarn global add @vue/cli 已经安装的可以升级到最新版 yarn global up...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作