毕设项目的知识点合集

创建服务器部分

1. 引入模块
   const http = require('http');
2. 创建网站服务器
   const app = http.createServer();
3. 客户端访问服务器端

app.on('request', (req, res) => {})

4. 监听端口
   app.listen(8080);

路由部分

1. 先下载
   npm install router
2. 再引入模块
   const getRouter = require('router');
3. 再获取路由对象
   const router = getRouter();
4. 再创建路由

router.get('/test', (req, res) => {
        res.end('test')
        //客户端显示‘test’
})

5. 再在 .on 函数中启动路由

app.on('request', (req, res) => {
    router(req, res, () => { })
})

模板引擎部分

1. 先下载
   npm install art-template
2. 再引入模块 ，并配置模板根目录

const template = require('art-template'); 
template.defaults.root = path.join(__dirname, 'views');

3. 再在 路由 中响应模板内容给客户端

    // template函数返回的是拼接的字符串
    let html = template('index.art', {});
     res.end(html);

静态资源处理部分

1. 先下载
   npm install serve-static
2. 再引入模块 ，并配置静态资源根目录

const serveStatic = require('serve-static');
const serve = serveStatic(path.join(__dirname, 'public'));

3. 再在 .on 中启动

app.on('request', (req, res) => {
serve(req, res, () => { })
})

注意 ：

• 引入静态资源是由于资源加载会导致页面内容显示过慢
• 由于已经配置了根目录，所以在引入文件时格式为：./文件夹（没有文件夹直接文件名）/文件名

json数据处理

前提：确保文件与页面在同一个域下（建路由，页面通过路由访问，将json文件作为静态数据）

$(function() {
            var getData = function() {
            //jquery中的AJax中的get方法
                $.get("data.json").success(function(data) {
                    tempData = data;
                    console.log(tempData);
                });
             //数据处理在getData函数内进行
            };
            getData();
})