Vue + SSM 的校园二手交易平台

既然已经点进来了，不如随手点个 Star 谢谢！

技术点

Vue.js + Spring + SpringMVC + Mybatis + Mysql

项目需求中有 Redis、支付宝沙箱支付、Echarts 或 V-charts 图表等技术，待加入

对应后台项目

SchoolCampusUsedBack JSP校园二手交易系统后台，使用AdminLTE模板 需要用到后台的话，可以额外部署这个后台项目，后台的前后端使用的是 JSP + Servlet 持久层使用 Mybatis 数据库为 Mysql

展示

首页

首页商品展示效果

查看商品详情效果

购物车

上传二手（闲置卖钱）

查看商品大图

个人信息展示与更改

查看订单与闲置

部署

1. 项目由 Maven 构建，建议使用 IDEA 打开项目引入依赖，如果需要和对应的后台项目一起使用：SchoolCampusUsedBack JSP校园二手交易系统后台，使用AdminLTE模板，请在编译运行时注意调整 Tomcat 的端口。该项目默认 Vue 端口 8080，Tomcat 端口 8083请不要更改该项目的 Tomcat 端口，否则将无法发送和收到对应的 Ajax 请求。
2. 导入项目后请不要着急运行项目，该项目上传图片需要一个单独的图片服务器。代码中写入的调试服务器地址为 localhost:9090 ，请使用 Node.js 安装 Serve，再通过下面的方法映射本地文件夹到 localhost:9090 用来作为本地图片服务器。

• 1. 全局安装 Serve

npm install -g serve

• 2. 将项目提供的 9090.bat 文件放入要映射的文件夹，右键编辑，将第一行的 H: 修改为你的对应盘符，注意 : 符号不要省略，右键管理员运行它，如图片所示即表示映射成功。

3. 设置编译运行环境，找到对应的 package.json 文件，如图
4. 将 sql.sql 导入到你的数据库
5. 修改 src/main/resources/jdbc.properties 为你的数据库配置信息，将用户名和密码修改为你的用户名和密码如果你使用的不是 Mysql 数据库，请自行修改 applicationContext.xml 文件里的数据库配置，和 pom.xml 中引入的依赖
6. 在 Terminal 控制台 cd 进入 CourseDesionSpring 工程下的 vue_web 文件夹，并执行指令 npm install 安装 Vue.js 的依赖。如果依赖安装总是出错，请尝试全局科学上网，或者在下面找到我的联系方式，或在 Issues 里提交问题。
7. 先确保第 2 步已经映射成功，再启动名为 spring 的 tomcat，最后启动 dev
8. 如果在控制台输出中无误，可以打开 这里 查看效果。如果你在第 1 步修改了 Vue 的端口，那么点击这里将无效。

FAQ

为什么这个项目跑起来报错？

如果你的项目已经跑起来了，而不能访问到首页，你可以尝试切换 Tomcat 版本，这个项目构建时的版本为 Tomcat-8.5.46

我发现这个项目有个 BUG ？

这个项目目前发现而没有解决的 BUG 有：

1. 未登录但可以通过链接访问到个人中心，以及登录后可以通过链接访问到登录和注册页面。
2. 其他一些 BUG ，但基本不影响使用。

捐赠

捐赠人	金额(RMB)	渠道	时间	留言
MH2319916121（微信）	20	微信支付	2020.1.5	买杯奶茶或者咖啡喝喝

联系

微信 And QQ

请作者喝咖啡