Skip to content

TencentIT/orange-

Repository files navigation

鲜盟商城

前端:HTML+CSS+JavaScript+DOM+BOM+Ajax+CSS3+jQuery+Vue+Axios+Session

后端:Nodejs+Express+Cors+Pool连接池+MySQL+PHPMyAdmin

项目地址:

(担心香港虚拟主机挂了,所以写了两个地址,其实都是跳转到阿里云服务器同一个地址)

http://shop.code10.cn/

http://39.105.101.78:3002 (阿里云服务器IP直接访问)

后端数据库PHPmyadmin地址

账号 orange 密码 (保密)

http://39.105.101.78:888/phpmyadmin_2cef0fb4a7a51c4c/index.php?db=orange&lang=zh_CN&collation_connection=utf8mb4_unicode_ci&token=0f5c1229a81f6b24c65b9647c8a088e7

运行

git clone [email protected]:TencentIT/orange-.git

cd orange-

npm install

npm start

担任职责:

整套商城项目前后端,数据库表的设计与开发

简介:

鲜盟商城是一家电商购物网站,项目的前后端,包括表的设计,数据的动态加载均由自己实现,项目现已成功上线。

鲜盟商城web项目,小强每天会把自己写的代码,更改过的代码都放到这里面,提高自己的GitHub使用水平。

功能:

1.用Session实现了商城的基本登录、注册、注销功能

2.jQuery实现商品详情页的放大镜,无缝轮播效果

3.前后端商品的模糊查询(从数据库表里查询)返回给前端

4.前端页面的分页显示

5.以及用不同的方式实现前后端的数据交互,包括原生Ajax,jQuery封装的Ajax,自己封装的Ajax,以及Vue里面的Axios

6.代码托管到GitHub上,包括每天的提交修改的地方都能看到。

首页

商品列表

登录注册页面

商品列表页面

模糊查询出来的商品列表页面

购物车页面 放大镜效果

购物车页面

销售品牌页面 动画效果

限时特卖页面动画效果

项目总结:

整套商城网站都是自己从0开始一点一点做起来的,包括数据库表的设计,用Nodejs搭建后台,前端商城页面都

是自己一点一点写的,前后端用Ajax不同的方式实现数据的交互(原生Ajax,jQuery封装的Ajax,Vue的Axios),

以及最后项目部署上线遇到的坑,都记录在博客里面了,对以后再次遇到类似的问题,有很大的帮助,项目托管在

Github上,Github记录项目的开发过程,每一次的提交代码,对我来说都是一笔宝贵的财富。

About

鲜盟商城web项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published