网上书店 Vue+Spring boot+H5+Uniapp

基于Vue+Spring boot的网上书城

一、项目模块

二、项目模块

三 、技术选型

四、运行环境

五 、PC登录页面代码

六 .H5登录页面代码

运行效果

源码

---

目录

网上书店 Vue+Spring boot+H5+Uniapp

---

一、项目模块

本项目 是一个基于Spring Boot和Vue.js的web商城系统，包含了商城的PC端后台管理系统,手机H5和uniapp版本。

二、项目模块

包含了后台管理功能和手机端商城业务功能

基础模块，部门管理，用户管理，角色管理，菜单管理，权限分配，参数管理，数据字典管理，定时任务管理，操作日志shi，登录日志，cms内容管理，消息管理：配置消息模板，发送短信，邮件消息，商城功能，会员管理，商品类别，商品管理
订单管理，购物车，banner管理，收藏列表
手机端 -完整的商城购物功能 模拟支付

三 、技术选型

核心框架：Spring Boot
数据库层：Spring data jpa
数据库连接池：Druid
缓存：Ehcache
前端：后台管理基于element，手机端界面基于vant

四、运行环境

Intellij IDEA,
Mysql5.7
,Maven，J
DK8
vscode
node16.17.0
HbuildX

五 、PC登录页面代码

代码如下（示例）：

<template>
  <div class="login-container"  style="background-image: url(img/bg.jpg);background-size: 100% 100%;">

    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">

      <div class="title-container">

        <!--$t('login.title')这些都是在lang文件夹下zh.js中定义好的-->

        <h3 class="t