# 恣在家官网_PC

**Repository Path**: programer_home/at-home-official-website-pc

## Basic Information

- **Project Name**: 恣在家官网_PC
- **Description**: nodejs为服务端，mysql为数据库。基于html5、css3、js实现的恣在家pc官网。支持webpack压缩版本和纯原生版本
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-11-12
- **Last Updated**: 2025-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, JavaScript, CSS, Nodejs, webpack

## README

# zizaijia-PC
一.恣在家(PC)项目<p>
!分为webpack打包版,纯原生js版!<br>
!此项目是未登录的商城系统项目!<p>
1.模仿 http://www.zeststore.com 项目官网<p>
2.纯js原生技术实现整个页面的交互与数据展示<p>
3.请浏览和star的禁止上线<p>
4.否则一系列法律问题，本人不做相应的承担<p>
二.下载:<p>
1.下载node.js，xmapp集成软件<p>
2.启动xmapp的mysql和Apache的start<p>
三.问题:<p>
1.报3306错误怎么办？查看任务管理器(Ctrl+Alt+Del)-服务-PID查看端口占用情况。如果有请查看并且查看是否为无用程序，否则可以暂停<p>
2.数据如何用mysql导入？mysql的数据格式为(.sql)请查看我滞留的(.sql)文件在xmapp集成服务器软件点击mysql的右边的Admin进行网页化集成管理mysql和导入<p>
3.mysql的3306端口修改不了怎么办？打开xmapp的config配置文件中搜索port更改xmapp默认的端口<p>
四.启动<p>
最后:在servser的文件夹中shift+鼠标右键启动cmd命令窗口然后输入 "node app.js"<p>
！！！注意，请先把xmapp的服务器相关的全部start然后检查mysql数据库中有没有zizaijia这个数据库哦！！！<p>
本项目只供初学者学习和初学者浏览使用，请大神勿喷！<p>
1.目录结构<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/projectDir.PNG"/><p>
2.首页<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/index1.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/index2.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/index3.PNG"/><p>
3.导航<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/nav1.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/nav2.PNG"/><p>
4.商品展示<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/product.PNG"/><p>
5.商品详情<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/detail1.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/detail2.PNG"/><p>
6.购物车<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/cart1.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/cart2.PNG"><p>
7.用户中心<p>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/user1.PNG"/>
<img src="https://gitee.com/programer_home/at-home-official-website-pc/raw/master/projectImg/user2.PNG"><p>