Node服务端渲染+处理文件+操作mysql数据库(纯前端)

这篇博客介绍了如何使用原生Node.js、MySQL和art-template模板引擎实现服务端渲染、文件处理和数据库操作。首先,本地需要配置Node环境和MySQL数据库,然后创建数据库表并初始化Node项目。接着,讲解了art-template的使用方法,包括模板语法和资源路径的处理。此外,还详细阐述了如何链接数据库并编写SQL语句。最后,提到了一些注意事项,如确保数据库开启,处理模板文件的编码问题,以及POST请求的处理等。
摘要由CSDN通过智能技术生成

前段时间写了一篇简单的项目Node环境搭建,对路由和文件的处理,今天给大家带来的是,原生Node端渲染+处理文件+操作mysql,一个简单的小全栈demo。

原生 node + mysql + 模板引擎art-template ,服务端处理文件渲染,数据库增删demo

github demo地址链接:https://github.com/babybrotherzb/node-mysql

一、本地需要准备的东西

  • 1.本地Node环境
  • 2.数据库,我用的是phpStudy自带的mysql哪个都行
  • 3.创建一个test的数据库,目录下建一个first的表,四个字段(Id, name, message ,date)
    在这里插入图片描述
  • 4.开启数据库
  • 5.初始化项目npm init,配置好依赖包package.json,npm install 安装依赖包
{
   
  "name": "node_test",
  "version": "0.0.0",
  "description": "node",
  "author": "@baby张 <babybrotherzb@gmail.com>",
  "address": "https://github.com/babybrotherzb",
  "csdn":"https://blog.csdn.net/weixin_43648947",
  "main": "index.js",
  "scripts": {
   
    "dev": "node index.js",
    "nodemon": "nodemon index.js"
  },
  "keywords": [],
  "devDependencies": {
   
    "art-template": "^4.13.2",
    "nodemon": "^1.18.10"
  },
  "dependencies": {
   
    "mysql": "^2.17.1"
  }
}
  • 6.创建项目node服务器index.js
const http = require("http"); //加载http核心模块
const allurl = require("url"); //获取请求url

http.createServer(function (req, res) {
     //创建web服务器,接受客户端请求
    let parseObj = allurl.parse(req.url, true);// url.parse 参数转成对象 true
    let url = parseObj.pathname;//单独获取?前面的url参数路径
     if (url === "/") {
   
        res.end(
        {
   code:200,
		message:'成功',
		data:{
   
		total:10,
		list:[]}
		});
    } else if (url === "/list") {
   
    	res.end(url);
    }else{
   
    	res.end(url);
    }
	console.log('接受客户端请求')
	res.end()
}).listen(3000,function(){
     //绑定端口,监听启动服务
	console.log(`web服务器 3000已经启动`)
})
  • 7.运行项目 npm run dev 或者 npm run nodemon

二、art-template模板引擎的使用

目录:index.js

let http = require("http");
let allurl = require("url");
let fs = require("fs"); // 引入文件核心模块
let path = require("path"); //引入路径核心模块
let template = 
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值