/SchoolCampusUsed

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

Primary LanguageVue

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
    1. 将项目提供的 9090.bat 文件放入要映射的文件夹,右键编辑,将第一行的 H: 修改为你的对应盘符,注意 : 符号不要省略,右键管理员运行它,如图片所示即表示映射成功。
  1. 设置编译运行环境,找到对应的 package.json 文件,如图
  2. 将 sql.sql 导入到你的数据库
  3. 修改 src/main/resources/jdbc.properties 为你的数据库配置信息,将用户名和密码修改为你的用户名和密码如果你使用的不是 Mysql 数据库,请自行修改 applicationContext.xml 文件里的数据库配置,和 pom.xml 中引入的依赖
  4. 在 Terminal 控制台 cd 进入 CourseDesionSpring 工程下的 vue_web 文件夹,并执行指令 npm install 安装 Vue.js 的依赖。如果依赖安装总是出错,请尝试全局科学上网,或者在下面找到我的联系方式,或在 Issues 里提交问题。
  5. 先确保第 2 步已经映射成功,再启动名为 spring 的 tomcat,最后启动 dev
  6. 如果在控制台输出中无误,可以打开 这里 查看效果。如果你在第 1 步修改了 Vue 的端口,那么点击这里将无效。

FAQ

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

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

我发现这个项目有个 BUG ?

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

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

捐赠

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

联系

微信 And QQ

微信添加好友码QQ添加好友码

请作者喝咖啡

微信收款码