记录第一个我自己部署的开源项目--litemall商城

---

一、废话一点背景

我现在大二，前段时间跟了学校的一个老师学做开发。老师让我找github上的一个开源项目litemall商城学一下。由于之前没有自己试着去部署过项目，网上找的教程有些地方写的又不太清楚。所以花费了不少时间，也踩了很多坑，于是打算写个文章记录一下部署的这个开源项目的过程。

---

二、准备工作

1、mysql数据库（我用的是sqlyog，一款mysql的图形化管理工具，社区版的可以白嫖）
2、开发工具（我用的是idea，没搭建java环境的先去搭建）
3、Node.js环境搭建（JavaScript的运行环境）
4、maven环境搭建（项目管理工具）
5、git（大家都懂，略去介绍）

具体的软件安装和环境配置过程网上都有很多相应的教程，这里就不展开细说了

三、具体步骤

1.代码下载

先找到litemall商城项目
https://gitee.com/linlinjava/litemall

点击复制

准备一个要放置开源项目的文件夹，选择Git Bash Here，在弹出的窗口中输入如下命令
git clone https://gitee.com/linlinjava/litemall.git

2.创建数据库和导入数据

接下来进入sql文件夹，依次执行三个sql文件：

在该目录下打开cmd，执行第一个sql文件。这个文件用于创建一个空的litemall数据库，如果原来就有名为litemall的数据库，原来的将被删除然后重建
mysql -u root -p < litenall_schema.sql

之后分别执行
mysql -u root -p -D litemall < litenall_table.sql
用于创建项目所需的数据表，和
mysql -u root -p -D litemall < litenall_data.sql
用于导入初始化测试数据，如用户登录用的账号

执行结束后，检查以下数据库中是否已存在litemall数据库和表

3.代码打包编译

打包和编译后端代码：
用idea打开litemall，分别运行编译和打包，出现BUILD SUCCESS表示成功

执行前端代码的打包命令：
编译后台管理系统页面。进入litemall-admin文件夹，在该目录下打开cmd，输入指令npm run build

如果出现'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件，说明缺少node_modules，调用了未安装的包。package.json 中包含了运行项目需要的module，我们需要把这些依赖文件下载下来，步骤如下：

1. package.json所在的文件目录打开cmd
2. 输入npm install安装依赖
3. 安装成功后再输入npm run build进行打包

4.启动项目

启动后端服务
进入litemall项目根目录，打开cmd窗口，执行以下指令，执行效果如下

chcp 65001
java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
以上第一行不加的话，控制台日志输出可能会是乱码

启动管理系统前端
在litemall-admin目录下打开cmd，执行以下命令。执行成功，将所给地址复制到地址栏，看到登录页面，这样项目就部署成功

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
cnpm run dev