文章插图 文章插图 文章插图 文章插图 【
个人情侣网站|每一对情侣或者服务都应该拥有一个情侣网站】
文章插图 文章插图 文章插图 文章插图 二、技术选型后端 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 优化加速三、设计模块结构
一、项目简介该项目为个人情侣网站,用于记录情况之间的日常生活,如
- 照片及照片事件简介
- 想对对方说的话
- 女生每天的心情变化
- 每天微信的聊天情况
- 微信恋爱周年报告
- 两人之间发生需要记录的大事件等等 。
点击输入图片描述(最多30字)
点击输入图片描述(最多30字)
点击输入图片描述(最多30字)
点击输入图片描述(最多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文件,可以直接通过后台接口上传,上传时后台会自动统计聊天记录条数、时间等,同时记录到数据库中 。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(www.liekang.com)有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 5735363@.com 举报,一经查实,本站将立刻删除。
版权声明:本文内容由作者小仓提供,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至907991599@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.cangchou.com/208247.html