mall改造:初探litemall项目,带你认识电商系统

结束了mall项目,开始学习litemall项目,学习一个项目第一步就是先要启动起来,否则一切都白说。

1、下载项目litemall,具体地址大家自行百度。

2、查看结构,配置相关信息。

doc文档资料,一般md,sql,conf等都可以从中找到。

有蓝色小方块的,被maven引用,java项目。
剩下的:docker (镜像脚本) xx.vue(前端项目)  xx.wx(微信小程序),作者的结构一目了然。

mall改造:初探litemall项目,带你认识电商系统_第1张图片

 

然后我们查看doc里面有什么,api,databse,readme,wxmall 这几个进来要看的,因为database数据,api接口,我们想要的配置信息一般就会存在里面。

mall改造:初探litemall项目,带你认识电商系统_第2张图片

在文档中我们看见,作者告诉我们sql文件在哪里,怎么去运行,然后运行。

mall改造:初探litemall项目,带你认识电商系统_第3张图片

mall改造:初探litemall项目,带你认识电商系统_第4张图片

然后将项目中的相关配置修改成自己的本地配置,这里就不详细叙述了

最后启动项目,作者这里提供了一个公共的启动类,litemall-all ,来启动admin-api,wx-api

(@SpringBootApplication(scanBasePackages = {"org.linlinjava.litemall"}) //通过spring引入litemall下的bean,包含admin和wx的bean来启动,大家平时做项目不想启动多个项目,可以参考)

mall改造:初探litemall项目,带你认识电商系统_第5张图片

后台启动了,就启动前台,这里vue的环境配置参考我之前发的vue环境配置。

分别在litemall-admin /litemall-vue-->package.json --> dev 来启动项目,启动后效果如下。

mall改造:初探litemall项目,带你认识电商系统_第6张图片

mall改造:初探litemall项目,带你认识电商系统_第7张图片

mall改造:初探litemall项目,带你认识电商系统_第8张图片

 

最后就是启动wx小程序了,wx小程序需要对应的开发工具。

1、首先在微信公众号平台注册一个微信小程序

mall改造:初探litemall项目,带你认识电商系统_第9张图片

注册成功后,就可以在获取到自己注册号appId,AppSecret,理解为小程序的账号密码。

mall改造:初探litemall项目,带你认识电商系统_第10张图片

官方下载微信小程序开发工具

mall改造:初探litemall项目,带你认识电商系统_第11张图片

 

打开微信小程序开发工具,导入项目,就可以调试小程序了

mall改造:初探litemall项目,带你认识电商系统_第12张图片

导入后自动加载,下面是我导入成功的效果

mall改造:初探litemall项目,带你认识电商系统_第13张图片

mall改造:初探litemall项目,带你认识电商系统_第14张图片

相信通过这篇文档,大家都可以运行起来litemall项目了,后面我会从业务的角度,针对前后端代码来进行项目的解读。

喜欢点下关注,你的关注是我写作的最大支持

你可能感兴趣的:(mall项目改造)