preface

Due to their own bookkeeping needs, after trying to use the market bookkeeping software, found that most of the following problems

  • There are many advertisements, mainly divided into information flow advertising and financial advertising
  • Page is too carbuncle swelling, use experience is not good
  • Some advanced functions, such as data export, cost a fee

Therefore, I came up with the idea of making a bookkeeping software by myself. This idea was landed around May 2020, so far it has been nearly a year. In line with the idea of OpenSource, all OpenSource, also want to borrow the opportunity to write a blog to get some Star❤

The test environment

  • PC: PC for account simplification

Formal environment:

  • Small program: wechat search
  • PC: PC for account simplification

Github open Source:

  • Java back end: Simplified account back end
  • PC: PC for account simplification
  • Small program: Simple account UNIAPP

The next function to be done (priority to bottom)

  • Support multiple accounts, can be customized maintenance
  • Support setup budget (year/year budget)
  • Support multi-account write-off
  • Support Excel export (customizable year or month)
  • Support multi-person bookkeeping and family bookkeeping

Bugs to be solved

  • If the user has not logged in to the applet, the applet scan code authorization will prompt that the Token cannot be empty (provider:Meow has a little boob)

If you have any other thoughts or questions, please leave me a comment, or post Pr&Issue tips on Github: If you want your writing to be used, please join me in maintaining the brief

Past the link

  • Brief account main function introduction
  • Brief introduction and deployment of the accounting backend environment

First, the introduction of the main front-end technology stack

In general, the entire back end is a single SpringBoot+Redis+Mysql

The specific technologies involved are as follows:

  • Vue 2.6.x
  • Vue Router 3.1.2
  • Vuex 3.1.1
  • Axios 0.19.0
  • AntDesign Vue 3.0

Q&A

  1. Is the project based on AntDesign Vue Pro?

Yes, this project is developed based on AntDesign Vue Pro

  1. Compared with AntDesign Vue Pro official instance project, what customized development has been done?

1. The whole project is real interface data without mock 2. The route guard based on VUE implements permission management and dynamic menu

2. Environment deployment

The front-end development environment is relatively simple and consists of two parts: pull code and launch

1. Install nodejs

  • Go to the nodejs official website to download the 12.x platform version
  • Verify that the installation is correct

Download the code from Github

You can also fork a copy of the code into your own repository and pull it from your own Github repository

3. Install the dependency

  • Enter the project directory
  • Run the NPM install

4. Run the project

  1. Configuring the Background Address

This step can be skipped if you have successfully started the accounting backend service

Modify the webPack proxy path in vue.config.js

Modify before:

The modified (Jz. Jackbin. Cn) :

  1. Run the projectRun the NPM run serve command. If the following output is displayed, it indicates success

  2. The browser address is http://localhost:8000

Third, summary

Blog post:

  1. Database design
  2. SpringBoot integrates SpringSecurity+JWT and dynamic route generation
  3. Small sweep code login implementation
  4. Bookkeeping and monthly billing implementation
  5. Chart analysis implementation
  6. .

Summary account developer:

  1. SloppyJack
  2. SmallishJoker

Four, thank you

If you think this project is good, give me a Star❤ on Github