# Estore **Repository Path**: gambler_coder/Estore ## Basic Information - **Project Name**: Estore - **Description**: Java 语言实现的 苹果网上商城 ，前端模仿 苹果爱否 商城的页面 ，后端运用纯 Servlet + JSP +c3p0 数据库连接池以及web 相关技术，实现的基础功能包括前后台、实现展示首页、管理商品页面、商品分类、添加购物车、购买、提交订单 、联系客服等 ，欢迎 star，谢谢！！！ - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2021-12-22 - **Last Updated**: 2021-12-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Estore ### 前言 本项目是一个 `商城`项目 。 前端 参考 `爱否商城` ， 后端 部分代码 引用 `传智播客` `黑马程序员` `JavaEE` 就业班 `web` 基础 ### 适合人群 - `Java` 基础 熟练应用者 - 熟悉 `web` 开发 ### 运行界面 ![注册](https://github.com/gpengDemo/Estore/raw/master/Estore-media/注册.png) ![登录](https://github.com/gpengDemo/Estore/raw/master/Estore-media/登录.png) ![主页1](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页1.png) ![主页2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页2.png) ![主页3](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页3.png) ![主页4](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页4.png) ![主页5](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页5.png) ![主页6](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页6.png) ![主页7](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页7.png) ![主页8](https://github.com/gpengDemo/Estore/raw/master/Estore-media/主页8.png) ### 项目环境 1. 开发工具 `IntelliJ IDEA` 2. 数据库 `Server version: 5.7.25 MySQL Community Server (GPL)` 3. 服务器 `apache-tomcat-9.0.19` 4. 数据库连接 `mysql-connector-java-5.1.47.jar` ### 使用方法 #### 项目目录介绍 ![项目目录介绍](https://github.com/gpengDemo/Estore/raw/master/Estore-media/项目目录介绍.png) 1. `upload` 目录为 `网页图片` 存放路径 2. `estore.sql` 为数据库文件 #### 项目配置简介 ##### 1. 打开工程 ![配置简介-1](https://github.com/gpengDemo/Estore/raw/master/Estore-media/配置简介-1.png) ##### 2. 项目 `jdk` 选择 ![配置简介-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/配置简介-2.png) ##### 3. `web`项目路径 检查`web`项目路径是否配置正确 它将是项目运行成功与否关键因素之一 ![web 项目路径](https://github.com/gpengDemo/Estore/raw/master/Estore-media/web%20%E9%A1%B9%E7%9B%AE%E8%B7%AF%E5%BE%84.png) ##### 4. 配置`tomcat` ![配置tomcat](https://github.com/gpengDemo/Estore/raw/master/Estore-media/配置tomcat.png) ![配置tomcat-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/配置tomcat-2.png) ##### 5. 添加 `tomcat` `jar` 包 ![添加 tomcat jar 包](https://github.com/gpengDemo/Estore/raw/master/Estore-media/%E6%B7%BB%E5%8A%A0%20tomcat%20jar%20%E5%8C%85.png) ![添加 tomcat jar 包-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/%E6%B7%BB%E5%8A%A0%20tomcat%20jar%20%E5%8C%85-2.png) ##### 6 . 项目打包 ![web 项目打包](https://github.com/gpengDemo/Estore/raw/master/Estore-media/web%20%E9%A1%B9%E7%9B%AE%E6%89%93%E5%8C%85.png) ##### 7.`tomcat` 添加`web`应用包 ![tomcat 添加web应用包](https://github.com/gpengDemo/Estore/raw/master/Estore-media/tomcat%20%E6%B7%BB%E5%8A%A0web%E5%BA%94%E7%94%A8%E5%8C%85.png) ![tomcat 添加web应用包-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/tomcat%20%E6%B7%BB%E5%8A%A0web%E5%BA%94%E7%94%A8%E5%8C%85-2.png) ##### 8.添加图片的虚拟目录 `upload` ![添加图片的虚拟目录](https://github.com/gpengDemo/Estore/raw/master/Estore-media/添加图片的虚拟目录.png) ![添加图片的虚拟目录-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/添加图片的虚拟目录-2.png) ![添加图片的虚拟目录-3](https://github.com/gpengDemo/Estore/raw/master/Estore-media/添加图片的虚拟目录-3.png) ##### 9.数据库的配置 创建数据库 导入 `sql` 文件 修改 `c3p0-config.xml` 配置文件 `步骤略` ![数据库的配置](https://github.com/gpengDemo/Estore/raw/master/Estore-media/数据库的配置.png) ### 注意事项 - `IntelliJ IDEA` 中文乱码 #### 解决 `IntelliJ IDEA` 中文乱码 字符编码的设置 ##### 全局配置-1 ![全局配置-1](https://github.com/gpengDemo/Estore/raw/master/Estore-media/全局配置-1.png) ##### 全局配置-2 ![全局配置-2](https://github.com/gpengDemo/Estore/raw/master/Estore-media/全局配置-2.png) ##### 全局配置-3 ##### ![全局配置-3](https://github.com/gpengDemo/Estore/raw/master/Estore-media/全局配置-3.png)