小米官网

介绍

仿原生小米官网 js+html+css

开发软件

Visual Studio Code

开发工具

1. phpstudy_pro
2. Postman
3. less
4. Swiper
5. jQuery

使用说明

注册用户密码统一为 数据库 存取的6条数据

下载解压后把文件放入phpstudy_pro下的WWW里

phpstudy_pro里打开Apache2.4.39和MySql5.7.26

然后进入MySQL导入文件中的SQL 配置好环境后

用 localhost/mi.com/src 进行访问

主要功能

静态页面的实现

轮播图的实现

下拉框的实现

导航栏的实现

前后端交互的实现

动画的实现

页面渲染的实现

功能详情

1. 登录会访问数据库来查看是否有此用户
2. 当购物车为空时 会显示空界面
3. 注册时会有格式要求 以及验证码
4. 在登录和注册时 如果没有填写内容会有提示
5. 在登录和注册时 需勾选协议 否者会弹出提示
6. 在登录时密码框可以查看与隐藏密码
7. 主页页面手机的渲染
8. 详情页的渲染以及cookie的传送
9. 把选中的内容呈现在 总金额栏
10. 点击购物车时 把选中的内容传入购物车
11. 购物车的选中 添加数量 以及删除的实现