文章插图 文章插图 文章插图 文章插图 【个人情侣网站|每一对情侣或者服务都应该拥有一个情侣网站】 文章插图 文章插图 文章插图 文章插图 二、技术选型后端 Backend项技术备注开发语言Java (1.8 )项目构建与依赖管理Maven 3MVCSpring Boot 2.1.2(多模块方式)推荐 IDEIntelliJ IDEA数据库Postgresql 9.5 / MySQLORM(对象关系映射)MyBatis数据库连接池Alibaba DruidJSonAlibaba FastJSON图片压缩Thumbnailator自然语言处理ansj_seg + nlp-lang测试JUnit + SpringTest日志slf4j + log4j 1.2.17代码简化lombokWeb前端 Frontend项技术备注全局变量和配置assets/Constant.js界面UIview-design 4.4.0MVVMVue.js 2.6.11图表绘制echarts 5.1.1网络通信vue-axios 3.2.0弹幕展示vue-baberrage 3.2.4微信小程序 Frontend 优化加速三、设计模块结构
一、项目简介该项目为个人情侣网站,用于记录情况之间的日常生活,如
-
照片及照片事件简介
-
想对对方说的话
-
女生每天的心情变化
-
每天微信的聊天情况
-
微信恋爱周年报告
-
两人之间发生需要记录的大事件等等 。
ntenteditable="false">
点击输入图片描述(最多30字)
ntenteditable="false">
点击输入图片描述(最多30字)
ntenteditable="false">
点击输入图片描述(最多30字)
ntenteditable="false">
点击输入图片描述(最多30字)
-
前端全面采用 Vue.js 2.x 全家桶 。UI采用 iview 4.x ,使用 Webpack 2 及插件作为项目编译打包工具 。Javascript 采用 ES6 语法,模块化、组件化(Vue单文件组件)开发 。使用Babel-loader(Webpack插件)转换 。
-
CSS采用SCSS语法
-
前端开发需要安装 NodeJS ( 12.13.1+)、NPM (建议配置淘宝的npm镜像)
-
CDN (JS + CSS)
-
Webpack 工具及插件(开发优化)
-
lovernest-dao:数据库操作(Mapper)
-
lovernest-domain:实体类(POJO、VO)
-
lovernest-service:业务逻辑
系统运行配置文件注意四、后台编译运行lovernest(root)按照maven的lifecycle,对执行下列命令:
lovernest-util:工具类 lovernest-web:web层,提供API接口 lovernest-frontend:web前端项目,与上述模型无关
-
后端():
-
lovernest-web
-
主配置文件:
-
src/main/resources/config/dev/application.properties
-
前端()
-
lovernest-frontend
-
变量:
-
src/assets/Costant.js
-
webpack 自定义配置:
-
vue.config.js
-
由于Spring Boot 内置了Tomcat容器,因此不需要使用开发者自己安装的Tomcat 。
-
(optional)
-
mvn clean
-
(optional)
-
mvn compile
-
(optional)
-
mvn package
-
(required)
-
mvn install
五、前端编译运行使用说明构建步骤命令行中# 安装依赖 npm install # serve with hot reload at localhost:8090 # 启动服务,支持热加载(修改之后自动编译自动更新,不用刷新页面) # 默认是8080,为避免与tomcat的冲突,进行了修改:8090(config/index.js) npm run serve # build for production with minification # 为生产环境构建并最小化 npm run build # build for production and view the bundle analyzer report # 查看bundle文件分析 npm run build –reportConstant.js配置说明
单独模块后台模块每一次改动,需要重新执行程序运行,否则无法自动更新 。数据库
-
创建两个用于存储相片的文件夹,一个文件夹用于存储原图,一个用于存储压缩后的图片,具体见中的配置
-
lovernest-web/resources/conf/dev/application.properties
-
安装 postgresql9.5 及以上版本的数据库
-
数据库模板文件位于
-
lovernest-dao/res/main/resource/db_lovernest_20210605.backup
-
数据库用户名和密码、数据库名称使用 中的配置
-
lovernest-web/resources/conf/dev/application.properties
-
首先通过cd命令,进入lovernest-frontend文件夹
-
开发阶段,第一次时需要执行 或(node安装淘宝镜像之后),然后执行。以后开发时只需要运行 即可
-
npm install
-
cnpm install
-
npm run serve
-
npm run serve
-
修改文件后之间按保存,会自动执行热更新
-
生产部署阶段,即编译源代码、压缩文件后部署到生产服务器(Nginx 或 tomcat)时,才需要根据构建说明中的内容修改并执行
-
npm run build
-
用于自己的部署前,需要修改后台的请求地址
-
相片切换时间可以由自己定义快慢
六、微信聊天记录提取使用手机+模拟器方式提取
-
由于无法直接获取个人微信记录,因此,需要用户自己提供 。提取方式如下:https://bbs.125.la/thread-14355048-1-1.html,将聊天记录导为csv文件,可以直接通过后台接口上传,上传时后台会自动统计聊天记录条数、时间等,同时记录到数据库中 。