litemall是一个由SpringBoot Vue管理员前端微博用户前端Vue用户移动端组成的小商城,gitee有6000个Star,如果不考虑相关中间件,则项目采用的技术是企业自学参加软件测试、进修,写在找不到合适项目的简历上,平时自己学习而找不到合适项目的人,可以用这个项目在当地练习手里构建。
初学者在自己学习的过程中容易绕远路。 例如,经常自己挥舞虚拟机和各种环境需要半天。 其实我还不需要这个。 不需要部署到linux。 根据我7年的经验,你们在虚拟机上辛苦的这些东西大部分在工作中几乎都用不上,或者很多东西其实很快就能得到,所以不可能从一开始就得到。 如果你非常想学习,yydsw可以买一台阿里巴巴云服务器。 新人买了1-3年,费用也不高。 至少,您不需要折腾任何xshell无法连接到虚拟机的问题。 这些相关操作等你进入,对这个行业有了更多的了解,再学习这些,就会容易一些。 在现阶段,作为测试人员,你可以掌握自己在当地
接下来,我将简要介绍如何在当地制作和学习litemall商场使用。 当然,具体的部署教程都写在常见的开源项目中。 如果能直接阅读和理解别人的文档当然是最好的。 不懂的人,可以试试这篇文章。
准备工作:
构建电脑本地git环境构建git环境
java环境构建java环境构建
maven环境变量设置maven环境构建
nodejs环境构建Node.js环境构建
代码下载:
代码地址: https://gitee.com/linlin Java/litemall
找到目录,右键单击,选择Git Bash Here,然后在弹出窗口中输入以下命令:
git clone https://gitee.com/linlin Java/litemall.git
maven修改mirrors镜像地址
修正目的:加快后台代码jar软件包的下载,提高打包效率
修改方法:进入maven安装的目录后,找到conf文件夹,找到中的settings.xml,在文本文件中打开并编辑。 大概140多行,或者搜索mirrors标记,添加以下配置:
mirroridnexus-a liyun/idmirrorofcentral/mirrorofnamenexusaliyun/name URL http://maven.a liyun.com/nexus/content/gr
创建数据库以及导入数据
导航到从gitee下载的代码文件夹,定位到litemall-dbsql目录下,然后依次运行以下sql文件:
1、litemall_schema.sql运行时会自动创建litemall数据库,如果数据库已存在,则会删除重建
2、选择litemall_table.SQLlitemall数据库后,在修改脚本时,将自动创建要在项目中使用的表
3、选择litemall_data.SQLlitemall数据库后,此脚本将导入包含在前端登录的用户帐户的初始化测试数据
代码打包编译
需要打包的操作包括:
后端代码打包本地启动
打包:
首先,导航到代码的根目录,即最外面的pom.xml文件所在的目录,打开cmd窗口(在windows文件服务器中输入cmd回车),然后运行以下命令以清除后端代码
mvn-Ucleaninstall
命令将指示许多SUCCESS已成功打包。
此处打包的命令可以是mvn安装/mvn包。 不添加-U和clean参数也没问题。 创建包后,litemall-all目录下的target文件夹中有一个可以启动xxx-exec.jar的jar包。 这是创建的展开包,也会在litemall-all-war文件夹下生成war包。 但是,我从未尝试创建war包。 感兴趣的人请自己制作
本地启动后端的服务
可以通过在cmd窗口中运行java -jar xx.jar来启动服务。
进入代码路径
录后,执行下面命令 chcp 65001java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar以上第一行不加的话,控制台日志输出可能会是乱码执行后的效果如下:
如何验证是否启动成功:
打开浏览器,访问http://127.0.0.1:8080/swagger-ui.html页面,能出现以下内容则表示后端部署成功:
如何快速验证部署有没有问题,能不能连接上数据库:
方式1:
curl -X POST "http://127.0.0.1:8080/wx/auth/login" -H "accept: */*" -H "Content-Type: application/json" -d "{"username":"user123","password":"user123"}"方式2:直接在swagger页面输入账号密码调用登录接口:
然后在wx-auth-controller下面找到/wx/auth/login接口,输入下面的参数进行调用:
{"username":"user123","password":"user123"}说明:之所以要右上角切换wx分支,是因为wx分组的登录接口不需要验证码,admin分组的登录接口要验证码,稍微麻烦点。
到此,一个完整的后端服务就部署成功了,到这里就可以用这个swagger文档进行接口测试实战了,接下来再看一下如何部署后台管理系统和前端页访问页面。
本地启动后台管理系统前端
进入到代码litemall-admin目录,执行以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm installcnpm run dev执行完后,最终效果如下:
登陆后页面效果如下:
本地启动前端商城页面
进入到代码litemall-vue目录,执行以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org (此命令之前执行过可不再重复执行)cnpm installcnpm run dev执行后效果:
前端登录用户默认为user123 密码user123
到此,此套商城基本上就部署的差不多了,还有一个是微信小程序的,这个我也暂时还没学会怎么部署,对于yydsw进行项目实战来说,部署完以上我写的这个足够了。
往期环境部署相关文章:
Jenkins自动部署测试环境之jar包部署
你们要的测试练习网站来了
文章写的不易,有收获的朋友帮忙分享一下。关注公众号,后面教你怎么将开源项目写到简历上,以及如何用这个项目来开始你的yydsw转行入门之路以及技术提升之路,欢迎进群交流哟!
往期推荐
Postman教程-接口测试流程&发送第一个请求
Postman教程-Send Requests相关的基本操作
Postman教程-Response相关的基本操作
Postman教程-通过设置代理/拦截器捕获请求信息
Postman教程-变量、集合的基本使用
Postman教程-Pre-request Script和Tests脚本的介绍
Postman教程-Pre-request Script和Tests脚本进阶
Postman教程-如何改变脚本执行顺序
Postman+Newman+Git+Jenkins实现接口自动化测试持续集成