没意义 没意思

                                                    图1 我的前端圣经

为给后端大神Cxb讲述前后端接口、协议，浅写前后端分离。

                                                    图2 echarts插件

  
    
    
    
    
  
  
    
    

      
数据可视化-ECharts
      

      
      &
    

    
    

      

        

          
柱形图-就业行业
          

          

        
        

          

            折线图-人员变化 20202021
          
          
图表
          

        
        

          
饼形图-年龄分布
          
图表
          

        
      
      

        
        

          

            

              
125811
              
100000
            
          
          

            

              
前端需求人数
              
市场供应人数
            
          
        
        
        

          

          

          

          

        
      
      

        

          
柱形图-就业行业
          
图表
          

        
        

          
折线图-播放量
          
图表
          

        
        

          
饼形图-地区分布
          
图表
          

        
      
    
    
    
    
    
    
    
    
  

Code
    ├─server            #服务端
    │  │  package-lock.json 
    │  │  package.json  #npm
    │  │  server.js     #服务端代码
    │  │  userData      #数据库
    │  │
    │  └─node_modules   #依赖
    │      ├─...            
    │
    └─web               #前端
          index.html    #前端页面

server.js后端代码，userData是模拟出来的数据库，用户产生的数据就存到里面。模拟数据库较简单，下次演示用非关系型数据库Mongodb。数据持久化。

前端代码：

  
  
  
  
  


  

    账号：

    密码：

    登录
    注册
  

后端代码：

// 引入相关的包
const express = require("express");
const cors = require('cors')
const fs = require("fs");

const app = express()
app.use(cors()) // 解决跨域问题

// 注册的接口
app.get('/register', (req, res)=>{
  const userInfo = req.query  //获取用户名和密码
  fs.appendFileSync("./userData", JSON.stringify(userInfo)+'\n'); //存到数据库（文件userData）中
  res.send('注册成功') //返回给前端提示信息
})

// 登录的接口
app.get('/login', (req, res)=>{
  const userInfo = req.query  //获取用户名和密码
  const lines = fs.readFileSync('./userData', 'UTF-8').split(/\r?\n/) //获取数据库（文件userData）中的数据
  // 校验用户名和密码是否正确
  for (let line in lines) {
    if (lines[line]==JSON.stringify(userInfo)) {
      // 数据库中找到对应的用户名和密码，返回成功
      res.send("登录成功")
      return
    }
  }
  // 数据库中找不到对应的用户名和密码，返回失败
  res.send("登录失败")
})


// 启动服务器
app.listen(8777, ()=>{
  console.log("启动成功!访问地址：http://localhost:8777")

                                                 图3  canvas渲染