个人好看的电视剧|每个情侣或者服务都应该有一部好看的电视剧。

个人好看的电视剧|每个情侣或者服务都应该有一部好看的电视剧。

百科常识打吡咯2022-10-12 13:54:29328A+A-

一、项目介绍

这个项目是一个个人情侣网站,用来记录日常生活中的情况,比如

照片和照片事件简介

你想对对方说什么

女生每天的心情变化

微信每天的聊天情况

微信恋爱纪念日

报告
  • 两人之间发生需要记录的大事件等等。
  •  
    个人好看的电视剧|每一对情侣或者服务都应该拥有一个好看的电视剧 (http://www.cangchou.com/) 网络快讯 第1张
     
     
    个人好看的电视剧|每一对情侣或者服务都应该拥有一个好看的电视剧 (http://www.cangchou.com/) 网络快讯 第2张
     
    个人好看的电视剧|每一对情侣或者服务都应该拥有一个好看的电视剧 (http://www.cangchou.com/) 网络快讯 第3张
     
    个人好看的电视剧|每一对情侣或者服务都应该拥有一个好看的电视剧 (http://www.cangchou.com/) 网络快讯 第4张
    二、技术选型
    后端 Backend
    技术
    备注
    开发语言
    Java (1.8 )
    项目构建与依赖管理
    Maven 3
    MVC
    Spring Boot 2.1.2(多模块方式)
    推荐 IDE
    IntelliJ IDEA
    数据库
    Postgresql 9.5 / MySQL
    ORM(对象关系映射)
    MyBatis
    数据库连接池
    Alibaba Druid
    JSON
    Alibaba FastJSON
    图片压缩
    Thumbnailator
    自然语言处理
    ansj_seg + nlp-lang
    测试
    JUnit + SpringTest
    日志
    slf4j + log4j 1.2.17
    代码简化
    lombok
    Web前端 Frontend
    •     前端全面采用 Vue.js 2.x 全家桶。UI采用 iview 4.x ,使用 Webpack 2 及插件作为项目编译打包工具。Javascript 采用 ES6 语法,模块化、组件化(Vue单文件组件)开发。使用Babel-loader(Webpack插件)转换。
    •   CSS采用SCSS语法
    •   前端开发需要安装 NodeJS ( 12.13.1+)、NPM (建议配置淘宝的npm镜像)
    技术
    备注
    全局变量和配置
    assets/Constant.js
    界面UI
    view-design 4.4.0
    MVVM
    Vue.js 2.6.11
    图表绘制
    echarts 5.1.1
    网络通信
    vue-axios 3.2.0
    弹幕展示
    vue-baberrage 3.2.4
    微信小程序 Frontend
     
    优化加速
    • CDN (JS + CSS)
    • Webpack 工具及插件(开发优化)
    三、设计
    模块结构
    • lovernest-dao:数据库操作(Mapper)
    • lovernest-domain:实体类(POJO、VO)
    • lovernest-service:业务逻辑
    • lovernest-util:工具类
    • lovernest-web:web层,提供API接口
    • lovernest-frontend:web前端项目,与上述模型无关
    系统运行配置文件
    1. 后端():
    2. lovernest-web
    • 主配置文件:
    • src/main/resources/config/dev/application.properties
    1. 前端()
    2. lovernest-frontend
    • 变量:
    • src/assets/Costant.js
    • webpack 自定义配置:
    • vue.config.js
    注意
    1. 由于Spring Boot 内置了Tomcat容器,因此不需要使用开发者自己安装的Tomcat。
    四、后台编译运行
    lovernest(root)
    按照maven的lifecycle,对执行下列命令:
    • (optional)
    • mvn clean
    • (optional)
    • mvn compile
    • (optional)
    • mvn package
    • required
    • mvn install
    单独模块
    后台模块每一次改动,需要重新执行程序运行,否则无法自动更新。
    数据库
    • 创建两个用于存储相片的文件夹,一个文件夹用于存储原图,一个用于存储压缩后的图片,具体见中的配置
    • 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
    构建步骤
    命令行中
    # 安装依赖 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 --report
    Constant.js配置说明
    • 用于自己的部署前,需要修改后台的请求地址
    • 相片切换时间可以由自己定义快慢
    六、微信聊天记录提取
    使用手机+模拟器方式提取
    • 由于无法直接获取个人微信记录,因此,需要用户自己提供。提取方式如下:https://bbs.125.la/thread-14355048-1-1.html,将聊天记录导为csv文件,可以直接通过后台接口上传,上传时后台会自动统计聊天记录条数、时间等,同时记录到数据库中。
    点击这里复制本文地址 版权声明:本文内容由网友提供,该文观点仅代表作者本人。本站(https://www.angyang.net.cn)仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件举报,一经查实,本站将立刻删除。

    昂扬百科 © All Rights Reserved.  渝ICP备2023000803号-3网赚杂谈