lovernest: Lovernest 个人情侣网站,该项目为个人情侣网站,用于记录情况之间的日常生活。 |
您所在的位置:网站首页 › 情侣空间在线登陆 › lovernest: Lovernest 个人情侣网站,该项目为个人情侣网站,用于记录情况之间的日常生活。 |
Lovernest 个人情侣网站
update: 2021/6/5 oruizn 在线网址:www.lovernest.cn 一、项目简介该项目为个人情侣网站,用于记录情况之间的日常生活,如 照片及照片事件简介 想对对方说的话 女生每天的心情变化 每天微信的聊天情况 微信恋爱周年报告 两人之间发生需要记录的大事件等等。前端全面采用 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详情请见:https://gitee.com/oruizn/wx_lovernest 优化加速 CDN (JS + CSS) Webpack 工具及插件(开发优化) 三、设计 模块结构lovernest-dao:数据库操作(Mapper) lovernest-domain:实体类(POJO、VO) lovernest-service:业务逻辑 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。 四、后台编译运行 lovernest(root)按照maven的lifecycle,对执行下列命令: mvn clean(optional) mvn compile(optional) mvn package(optional) mvn install(required) 单独模块后台模块每一次改动,需要重新执行程序运行,否则无法自动更新。 数据库创建两个用于存储相片的文件夹,一个文件夹用于存储原图,一个用于存储压缩后的图片,具体见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文件夹 开发阶段,第一次时需要执行npm install 或cnpm install(node安装淘宝镜像之后),然后执行 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文件,可以直接通过后台接口上传,上传时后台会自动统计聊天记录条数、时间等,同时记录到数据库中。 直接通过PC端微信提取参考方式: https://bbs.pediy.com/thread-222652.htm(初创) https://bbs.pediy.com/thread-251303.htm(完善) |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |