web前端练习1----实现登录功能

效果图:

web前端练习1----实现登录功能_第1张图片
思路:
1html+css 完成基本布局
2Ajax请求数据完成登录功能
3把登录成功后的 token和用户名传到下个页面

代码:我把所有代码:html css js 都写在了一个文件里
Login.html




    
    
    
    
    
    




登录界面
登录

注意:
1记着要引入jquery-2.1.4.min.js 包
2ajax由于跨域问题,不能访问到,需要nginx 反向代理

nginx 下载安装使用
https://download.csdn.net/download/zhaihaohao1/10786751
源码下载
源码:h5源码----MyListView1
静态源码:h5源码----Listdemo0
https://download.csdn.net/download/zhaihaohao1/10786731

你可能感兴趣的:(web前端2018)