文章目录

简账(开源记账软件)-前端环境简介及部署
前言
一、前端主要技术栈简介
- 具体涉及的技术如下所示：
- Q&A
二、环境部署
- 1. 安装nodejs
- 2. 从Github上下载代码
- 3. 安装依赖
- 4. 运行项目
三、总结
四、致谢

简账(开源记账软件)-前端环境简介及部署

前言

由于自己有记账的需求，在尝试使用过市面上的记账软件后，发现大多数都有以下几个问题

广告比较多，主要分为信息流广告及金融类广告
页面太痈肿，使用体验不好
部分高级功能需要收费，如数据导出

所以就萌生了自己做一个记账软件的想法，这个想法在2020年5月左右落地的，到目前也快有一年了。
本着OpenSource的想法，已全部开源，也想借写博客的机会获得一些Star❤

测试环境

PC端：简账PC端

正式环境：

小程序：微信搜索【简账】
PC端：简账PC端

Github开源地址：

Java后端：简账后端
PC端：简账PC端
小程序：简账uniapp

后续要完成的功能（重要性至上而下）

支持多账本，可自定义维护
支持设置预算（年月预算）
支持多账本间冲销
支持Excel导出（年或月可自定义）
支持多人记账及家庭账本

待解决的Bug

如用户未登录过小程序，小程序扫码授权会提示Token不能为空（提供者：喵了个小咪咪）

写在后面
如果你有其他的想法或问题欢迎给我留言，或在Github上提Pr&Issue
tips：如果你也想你写的东西被人使用，欢迎跟我一起维护简账～

往期链接

简账主要功能介绍
简账后端环境简介及部署

一、前端主要技术栈简介

从大体上来看，整个后端为单体的SpringBoot+Redis+Mysql

具体涉及的技术如下所示：

Vue 2.6.x
Vue Router 3.1.2
Vuex 3.1.1
axios 0.19.0
AntDesign Vue 3.0

Q&A

项目是基于AntDesign Vue Pro吗？

是的，此项目基于AntDesign Vue Pro开发的

相较于AntDesign Vue Pro官方实例项目，有做哪些定制化开发？

1.整个项目均为真实接口数据，无mock
2.基于vue的路由守卫实现了权限管理和动态菜单

二、环境部署

前端开发环境相对来说比较简单，主要分为拉取代码和启动两个部分

1. 安装nodejs

去nodejs官网下载12.x 对应平台的版本
验证一下，是否安装正确

2. 从Github上下载代码

此处也可以fork一份代码到你自己的仓库后，从你自己的github仓库拉取代码

3. 安装依赖

进入项目目录
运行npm install

4. 运行项目

配置后台地址

如果你已经成功启动了简账的后端服务，此步骤可以跳过

修改vue.config.js中的webpack代理路径

修改前：

修改后（http://jz.jackbin.cn）：

运行项目
运行命令：npm run serve，看到如下输出即代表成功
浏览器中查看
地址：http://localhost:8000

三、总结

后续博客内容：

数据库设计
SpringBoot集成SpringSecurity+JWT及动态路由生成
小程序扫码登陆实现
记账及月账单实现
图表分析实现
…

简账开发者：

SloppyJack
SmallishJoker

四、致谢

如果你觉我这个项目还不错的话，不妨给我的Github点个Star❤

简账(开源记账软件)-前端环境简介及部署相关推荐

简账(开源记账软件)-功能介绍
文章目录简账(开源记账软件)-功能介绍前言一.主要技术栈简介二.主要功能三.项目难点四.总结简账(开源记账软件)-功能介绍前言由于自己有记账的需求,在尝试使用过市面上的记账软件后,发 ...
开源资产管理系统java_开源资产管理软件 GLPI 9.3.1 部署
环境需求系统:CentOS 7 IP:192.168.11.207 关闭selinux和防火墙 [root@test4-8g ~]# systemctl stop firewalld [root@t ...
中国记账软件行业现状规模与应用前景预测报告（2022-2027）
中国记账软件行业现状规模与应用前景预测报告(2022-2027) ****中****智****正****业****研****究*****院**** <报告编号>: BG420179 &l ...
个人记账软件共享及有条件开源
哎,看到这个就感叹我一天天的钱都花哪了,咋就剩不下钱呢. 2015年刚开始,老婆就说要记账,这一天天的不知道钱都花哪去了, 好吧.我就加班加点,通过2个星期终于搞了一套出来,虽不近完善,但基本能用了. ...
前端环境搭建的软件和软件教程
前端环境搭建一.下载二.软件相关 1.vscode常用插件 2.sourcetree安装与使用一.下载软件作用下载地址备注 vscode 编辑器 https://code.visuals ...
python开发erp系统odoo_开源erp软件odoo在线开发环境部署实录
1.前言 pscloud(odoo)是优秀的开源erp,采用微应用方式向企业客户交付业务应用功能,包含海量的经过全球客户验证的业务应用APP,且odoo基于python的底层框架也非常优秀,特别适合于 ...
开源erp软件odoo在线开发环境部署实录
1.前言 pscloud(odoo)是优秀的开源erp,采用微应用方式向企业客户交付业务应用功能,包含海量的经过全球客户验证的业务应用APP,且odoo基于python的底层框架也非常优秀,特别适合于 ...
Soft：软件开发的简介(敏捷开发等6大软件开发模式)、软件测试的简介(单元测试/集成测试/系统测试/验收测试/回归测试、黑白灰功能测试、DEV等四套环境)、运维的简介之详细攻略
Soft:软件开发的简介(敏捷开发等6大软件开发模式).软件测试的简介(单元测试/集成测试/系统测试/验收测试/回归测试.黑白灰功能测试.DEV等四套环境).运维的简介之详细攻略目录 1.软件开发( ...
开源路由软件zebra介绍和和在Linux环境下的安装
感谢:http://www.cnblogs.com/iTsihang/archive/2012/11/22/2783249.html ================================= ...

简账(开源记账软件)-前端环境简介及部署

文章目录

简账(开源记账软件)-前端环境简介及部署

前言

一、前端主要技术栈简介

具体涉及的技术如下所示：

Q&A

二、环境部署

1. 安装nodejs

2. 从Github上下载代码

3. 安装依赖

4. 运行项目

三、总结

四、致谢

简账(开源记账软件)-前端环境简介及部署相关推荐

最新文章

热门文章