deflower

项目地址

介绍

该项目是前后端分离的卖花网站，有一个后端工程deflower，使用iade进行开发，基于jdk1.8，有两个前端工程，mall4uni，vue-admin-master，此项目采用单体架构，以使用最基础的技术来实现一个购物流程，使想初步接触电商的小伙伴能过快速理解这种类型的产品思想，实现流程，功能模块有，发布商品，花语解说，教学视频，管理员管理，前台用户管理，客服功能（简单的聊天），分类管理，个人中心等

软件架构

后端架构

技术栈

技术	说明	官网
spring	类的管理工具	http://c.biancheng.net/spring/
springMvc	显示层、控制层、数据层的操作	https://www.jianshu.com/p/91a2d0a1e45a
mybatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
mybatisPlus	MyBatis的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生	https://mp.baomidou.com/
springBoot	容器+MVC框架	https://spring.io/projects/spring-boot
websocket	单个TCP连接上进行全双工通信的协议	http://www.ruanyifeng.com/blog/2017/05/websocket.html
pagehelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper
Swagger2	文档生成工具	https://github.com/swagger-api/swagger-ui
lombok	省略getter和setter方法	https://www.jianshu.com/p/2543c71a8e45
modelmapper	Java Object Mapping 工具	https://github.com/modelmapper/modelmapper
fastjson	将Java对象转换为JSON表示	https://github.com/alibaba/fastjson
Hibernator-Validator	验证框架	https://blog.csdn.net/hy_coming/article/details/93978555

数据库用的是mysql8.0，使用Navicat进行管理
系统环境，windows ，jdk1.8

前端项目

mall4uni

感谢mall4uni
介绍：
一个基于springboot的开源商城 uniapp端
uniapp版本，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

亮点功能

视频教学模块，具备实时弹幕功能
客服功能，实现了实时消息刷新，分开展示，界面美化。

uni-app相关截图

开发环境启动

请使用 uniapp官方推荐的开发工具 HBuilderX 导入项目进行开发

编辑 utils/config.js 里的接口域名配置

点击工具栏的运行 -> 运行到内置浏览器即可开发调试~

vue-admin-master

基于vue3.0实现后台管理模板

感谢vue-admin

使用vue最新脚手架搭建环境，编写界面，使用axios请求接口，渲染界面,实现页面登录注册，数据的增删改查,数据部分存储到easy-mock数据中。

项目结构

  |——— client  #vue项目入口文件|——— config  #秘钥配置文件|——— node_modules #一些常用安装的依赖|——— models #接口模型|——— router       #接口文档|——— package.json #项目配置文件|___ README.md    #项目的说明文档，markdown 格式

功能介绍

- Element-ui
- 请求拦截和响应拦截
- 富文本编辑器
- Markdown编辑器
- Echarts
- tab数据切换
- token本地存储
- 表单
- 高德地图引入
- 登录注册
- 路由守卫
- vuex存储
- 数据分页和查询
- Excel表格导出
- 递归组件
- 主题更换
- 404

部分界面展示

项目编译和运行

可以直接在git上下载项目源码。把github下载到本地，
git clone
- 进入node-api-element当前页面初始化
  cnpm install
- 进入client项目目录中
  cnpm install
所有依赖安装成功后执行启动命令在当前目录启动,不要在client进行启动，已经配置好前后端联调
npm run dev
如果显示一下内容说明安装成功
I Your application is running here: http://localhost:8080

安装教程

安装mysql，导入deflower\sql\deflower.sql创建deflower数据库
打开iade导入deflower项目工程，使用maven下载依赖
配置项目：
在src/resources/application.yml中

配置数据库连接

  datasource:url: jdbc:mysql://localhost:3306/deflower? useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8username: rootpassword: rootdriver-class-name: com.mysql.cj.jdbc.Driver

配置文件上传

ruoyi:# 名称name: deflower# 版本version: 1.0.0# 版权年份copyrightYear: 2021# 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）profile: E:/GitWarehouse/deflower/uploadPath

到此就可以使用了。

另外我试着打包了安卓app，感觉挺好玩的，感兴趣的童鞋可以试试。

用HubilderX 配置应用图标等信息

2.让手机跟电脑连接在一个局域网下，并配置电脑的网络ip地址

3.点击左上方发行，选择原生app云打包，并做如下设置

4.安装即可运行。

deflower-该项目是前后端分离的卖花网站相关推荐

【Java从0到架构师】项目实战 - 前后端分离、后端校验、Swagger、全局异常处理
项目实战 - 前后端分离.后端校验.Swagger Layui 同源策略 SpringMVC 实现 CORS 后端校验 - hibernate-validator 方法的 Model 参数校验方法的 ...
一套仿阿里完整版Spring Boot电商项目，前后端分离+权限管理系统
项目简介 1.项目背景 2. B2B 模式 3. B2C 模式 ==(商城模式)*== 4. C2B 模式 5. C2C 模式 6. O2O 模式 2.商城架构图 2.1.前后端分离基础版 2.3. ...
驾校分期-众筹项目java前后端分离项目vue（微信小程序+java前后端源码下载）
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
Nginx解决前后端分离（适用于传统项目改前后端分离）
最近写项目碰到个前后端分离的问题,踩了不少坑,给大家分享一些经验. 项目是传统的项目,没有做前后端分离,现在根据业务现状,需要改成前后端分离的形式去做开发,上来就碰到个头大的事,cookie没办法在前 ...
java开源springboot项目_springBoot 搭建web项目（前后端分离，附项目源代码地址）...
概述该项目包含springBoot-example-ui 和 springBoot-example,分别为前端与后端,前后端分离,利用ajax交互. springBoot-example-ui 注意 ...
springBoot 搭建web项目（前后端分离，附项目源代码地址）
2019独角兽企业重金招聘Python工程师标准>>> 概述该项目包含springBoot-example-ui 和 springBoot-example,分别为前端与后端,前后端 ...
（2022）Springboot+vue3项目开发前后端分离书法图书管理Coun
项目地址:https://github.com/KKJava1/Coun Coun是基于Springboot+vue3 项目采用了前后端分离技术:后端采用 springBoot 基本框架,数据库连接池 ...
秒杀项目（前后端分离）
1P/11P项目开篇技术点总结 1.安装开发工具 2P/11p 项目架构介绍常见的请求:返回前端页面HTML:Model+HTML模板 ajax异步请求:返回json数据[返回特定格式的字符串只返 ...
Java前后端分离第三方登录_网站前后端分离情况下如何实现QQ微信等第三方登陆-Fun言...
前言最近在弄第三方登录,实现起来很简单,就是调几个接口获取个人信息即可,详细了解:maven项目整合QQauth2.0第三方登录详细说明,然后因为本网站是前后端分离的,所以不能再回调接口那里直接跳转 ...

deflower-该项目是前后端分离的卖花网站