Small accounting bookkeeping applet
Colleagues recently received a live, pick-up customer service, in order to facilitate the number of accounts in accordance with a wave of record transfers of customers every day, so he staged a small program like bookkeeping, record fetched each day. Currently under development.
github Address: https://github.com/smart-ori/...
Applet Screenshot
- Home
Home shuttle main show day needs of the customer list, as well as overall customer day
- edit
Edit page shows all major public and private clients Current customers applet user, you can check the day the customer needs to add shuttle
- Temporary bill
Temporary bill shows calculated based on the amount of customer pick-up the day of the day of bill
- Zhou bill
Zhou bill bill this week to show case
In addition to the above screenshots show function, as well as add a private / public user function, click the Home show clients that customer recently attendance.
Applet development experience
To tell the truth, because the applet fixed mode of development, as well as a rich api, it really started to develop a little cool, all the pages are registered in app.json inside, there are different ways to support the jump page. Also it provides life-cycle function, allowing us to better control the applet. A bit like the overall framework vue, data-driven, lifecycle, event binding, etc., and vue figure a bit like (personal opinion).
There is also a small Internet application development framework wepy, you can make a small program supports the development of component-based framework, by means of pre-compiled so that developers can choose their favorite style of development to develop small programs. Details the framework of optimization, the introduction of Promise, Async Functions of the program is to allow the development of small projects easier and efficient.
wepy the github address:https://github.com/Tencent/wepy we are interested can try
Most importantly, the applet also supports custom components, custom components can be better achieved through code reuse (amount, in fact, due to the relatively small number of applet page, this is difficult to be reflected), but by custom components It can be achieved in a limited number of cases tabBar, in a page to show something more like bookkeeping that page, you can display temporary bills and bill two weeks inside a page tabBar page.
But the script logic applet page is running in JsCore, the JsCore is not a window object environment can not be used in the script window, can not operate the components in the script, it's easy to add document before the operation can not be used the binding event can not be directly passed parameters, you can only transfer data through data- * attributes on the label. Therefore, in some operating switch in the selected state, the situation corresponding to a different class of pain is more egg.
Applet login system
Micro-channel official login process, this small program projects login process is relatively simple, is to get the code through wx.login, then take the background code, appid, appsecret exchange for session_key and openid, then generates a token by encryption, distributed client applet end, to deposit by wx.setStorage localStorage, ajax packaging method app.js applet, the request to initiate regarded ensure that each token included in the custom head authentication achieve login authentication.