学生管理系统登录界面/接口---简单前后端连接

分析需写页面：

         登录页面

        学生信息展示页面：表格（可做处理）

        学生详情页

前后端分别做：

前端：

            1.搭建项目

            2.写静态页面

            3.用js实现简单的逻辑功能

            4.连接后端（ajax），把数据变为真正的数据

后端：

            1.写一个数据库设计文档，根据文档创建数据库

            2.搭建后端项目：通过egg框架搭建

            3.写路由（接口）    接口：http://127.0.0.1:8000/login  http://127.0.0.1:8000/register

            4.写接口（路由文档）文档（给前端开发人员用的）

请求方式由后端决定

        put：修改才用  用法同post

        delete：删除才用  用法同get

一般不用

搭建项目：CSS JS（与之对应引入） HTML(学生信息students，登录界面login，学生详情student Detail)

login.html   完整

 <form>
        <!-- 手机号 -->
        账号：<input type="text" name="account">
        <br>
        <!-- 要求 -->
        密码：<input type="password" name="pwd">
        <br>
        <input type="button" value="登录">
        <!-- <a href="./students.html">登录</a> -->
    </form>
    <script src="./js/login.js"></script>

students.html    表格

login.js    完整

点击事件，与后端服务器连接和数据库数据做判断   Ajax请求

document.querySelector('input[type="button"]').onclick = function(){
    // 判断输入框数据格式
    let account = document.querySelector('input[name