Skip to content
/ xiaomi Public

💰小米商城 - 基于jQuery + Gulp + PHP开发的Web网站

Notifications You must be signed in to change notification settings

Lorienn/xiaomi

Repository files navigation

小米商城

项目简介

本项目是基于原生JavaScript等前端技术实现的仿小米电商网站。本项目使用的前端代码设计技术栈有jQuery、SCSS、Gulp构建工具、Require.JS模块化开发,后台构造技术包括PHP、MySQL。

项目使用的开源框架

@BullFei xiaomiproject
【注】引用部分包括HTML,CSS,images,JSON,即静态部分文件(引用的所有文件见下图)
Image

项目使用说明

  1. 下载该代码
  2. 确认本机是否安装Apache服务器。若未安装可下载PHPnow集成包

PHPnow集成安装包下载地址: http://servkit.org/download
PHPnow安装教程:https://jingyan.baidu.com/article/ad310e80ea8acb1849f49eb8.html

  1. 通过 http://localhost:80 加载项目(80为apache默认端口号)
  2. 首次使用登陆/注册功能需先在本地apache服务器上搭建数据库,过程如下:
CREATE DATABASE `xiaomi`;
CREATE TABLE `xiaomi`.`users` (
`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`username` VARCHAR( 50 ) NOT NULL ,
`password` VARCHAR( 50 ) NOT NULL ,
`ctime` BIGINT( 20 ) NOT NULL
) ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_unicode_ci;

项目功能

(建议使用chrome浏览器查看)

首页: http://localhost:80/
商品列表(首页→手机→查看全部):http://localhost:80/list.html
商品详情(列表页→点击相应商品):http://localhost:80/goodsDesc.html?product_id=10000150
我的购物车:http://localhost:80/shopCart.html
登陆页面:http://localhost:80/login.html
注册页面:http://localhost:80/register.html

About

💰小米商城 - 基于jQuery + Gulp + PHP开发的Web网站

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published