（后端部分）基于HTML+CSS+JavaScript的网页项目大作业后端部分（含前后端，Jquery，Bootstrap，Animate.css，Node等）

项目初始化

新建文件夹，命名为students-system，注意这里的命名不得为中文或其他特殊字符

npm init -y

安装包

npm i jquery express express-art-template  bootstrap@3 swiper@4.0.1

新建文件夹

新建public，views文件夹，public下新建img，js，css文件夹，目录如下：

work
	node_modules
	public
		img
		css
		js
	views
	server.js
	...

新建服务

在work文件夹下新建server.js

const express=require('express')

const app = express()

//配置express-art-template，才可以render html
app.engine('html',require('express-art-template'))

app.get('/',(req,res) =>{
    res.render('login.html')
})

app.listen(23701,() => console.log('app listening on http://localhost:23701 '))

当用户get / 时，就会渲染login.html

开通了23701端口号。

ip地址是链接到网络上的某台计算机

端口号是识别到该计算机上的某个软件

服务器端：

const express=require('express')

const app = express()

//配置express-art-template，才可以render html
app.engine('html',require('express-art-template'))



app.use('/public', express.static('public'))
app.use('/node_modules', express.static('node_modules'))
//可以对后端文件夹配置有一定的隐藏,防止被黑

//配置body-parser
app.use(express.urlencoded({extended: false}))
app.use(express.json())

app.get('/',(req,res) =>{
    res.render('login.html')
})
app.get('/index.html',(req,res) =>{
    res.render('index.html')
})

app.get('/platform.html',(req,res) =>{
    res.render('platform.html')
})

app.get('/operate.html',(req,res) =>{
    res.render('operate.html')
})

app.post('/login',(req, res)=>{
    console.log(req.body)
    const account = /^[0-9a-zA-Z._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$|^1\d{10}$/
    if (!account.test(req.body.account)){
        return res.send({success:false})
    }
    if (req.body.account==='admin@qq.com'||req.body.account==='123123456789'&&req.body.password==='123456'){
        res.send({success:true})
    }else {
        res.send({success:false})
    }
})




app.listen(23701,() => console.log(' http://localhost:23701 '))