I. Project background
A month before the approaching one-year anniversary with his girlfriend, I had the idea to write a small program as a gift (she passed the exam). I was still doing my internship in August, so I worked most of the day, only evenings and weekends, and the whole time in early September.
Ii. Project idea
Applets, as the name suggests, are small, light, and easy to use. Take an examination of public, what need is to do a problem and understand relevant consultation, want to have certain understanding to the news at home and abroad. How do you combine the two? According to the early understanding, now most are APP form such as [chalk], [public], [Map], etc., of course, there are also small programs related to the public test. The former function is powerful, when not as portable as small procedures; Most of the latter are to promote their own courses or brush, than the type. From this investigation can be obtained, at least there is no compound test public type assistant small procedures, so I can try to do.
In my opinion, such a combination is the best. Small programs, when opened in wechat, may be used in idle time or rest, make full use of fragmentary time as a supplement to knowledge, or relax.
(1) small reminder: all exams, will determine the test time, that is, there is a countdown, always recognize there is a countdown learning efficiency more or less will be a little improved, or give yourself a sense of urgency. So this part as the home page, open the small program can see. No matter what kind of preparation, in the process of preparation are long, are difficult, are to insist on down, so in the home page will add some inspirational beauty pictures and some refueling slogans. It feels better that way.
(2) modules: to solve the problem on this question, actually is not so important, after all, there have been many test the APP, they question bank is more bigger and better with all, to be honest when thinking about doing this module is not great, finally preserved, but also want to add a integral system, can be encouraged to encourage, brush one or two can still occasionally.
(3) News module: there are a lot of things to know on the exam. Put some news lists and passes, or chicken soup. This would be nice, since you can always open a random article or two before you go to bed.
(4) Entertainment module: daily entertainment, brush jokes, funny pictures, play a word game and so on
(5) Personal center: some common functions, such as user pictures, user feedback, user favorites, etc
(6) Eggs: In this part, it is a gift, a small program to try not to personal, to embed some surprise again at the same time, or it is not present, so the most common eggs than do to topic can have the change, or a little interaction, is more or less all hope that others can see his excellent, so think about doing it can give a barrage of questions, Brush the praise, do wrong also appropriate to give a blow, encourage to continue to move forward. At present thought of the second egg is to the idiom solilong that join the judgment, input a specific word, a certain feedback message, is also a small egg bar, as for the other, still to be considered.
Iii. Project preparation
In this part, to think about more things, the first try to put the database table to design a little better not late too many problems, do not always have to add fields what. Second, the steps and processes of the realization of each page should be clear, so as not to set up unreasonable problems, resulting in many bugs. Third, as a Java background development, it is really a little difficult to design the interface, so I browsed a lot of demos, and finally used the most commonly used interface design. Once the initial interface style is in place, the page-by-page implementation begins. Before writing the style, you need to decide on the interface in the background. The interface name is also important, and you need to think about and record the parameters and what data to take. When writing a page, you can write local data first. Attached database table (first version, later changed, but not changed in PD)
Four, small program page design
In the process of the design of the most deadly, because in this time the longest, pit or have a lot of small programs, if they don’t understand the style most don’t understand CSS, js these things, in the process of writing small programs page, it takes the most mind is, to the page layout problems such as, small to color button ICONS match such details, All of that is to be considered. In this process, I understand, as a programmer, the front-end knowledge has to learn, at least to understand the possible pit right. As if I’m making a barrage of style that a bug is very classic, in that, why do I never want to have the button style cannot come true, I know that is likely to be covered, but didn’t expect that barrage hidden style button operation subject to me still had an impact, finally took a long time to know, is a function of style cover, shielding the button directly, So the button click effect is not possible.
Details on the second pit, no doubt, belongs to the news, for WeChat applet class templates in the process of the use of a transmission problem, case has changed, what also did not find this mistake, finally changed many many parameters, one test, and don’t ask why not mode, not because it is over, but after doing this small program, Gradually found that their grasp of things changed more up, mainly learn to read official documents is also a technical work, fortunately this Chinese document, if English words gg.
Third, I wrote the page is really bad, can not have written also don’t have that design mind, but still want to hard, in the design of entertainment module that, when doing sliding pages, can not achieve the desired effect, so the later revision of the entertainment module only idiom solilong (time is pressing)
Fourth, thanks to making this open platform, as a programmer, learn to use the hands of resources and online resources, of course I’m not that stupid, start from small program development, as the time cost is too big, to make this small program, I have seen no less than twenty demo, there are three: one of the most helpful to me (1) The news of the typhus side small program production (2) hand-held bullet screen and multiple bullet screen production (3) rich text analysis (GitHub wechat small program summary information that can be found), from these demos I learned and transformed some functions, news/bullet screen/news article style, these three functions are very practical.
Fifth, some ICONS need to match a good point, this time can go to ali Cloud vector library to find (friends recommend), most of the small program icon source that.
Finally, when you have all your pages written, you will test them with local data, so be sure to check them out when submitting for approval and change the urls back. Also, we must pay attention to the user experience, for some need to inform the user of the popbox what must not stingy need to give a good user experience, this point in my internship experience, because the need to change three or four times…
Five, attach the program style
Attached are some page pictures. Due to time constraints, the personal center has not been developed in time
Implementation of background interface
It’s easier to write in this part, because you’re in your field. But there are still some problems need to pay attention to, the first interface method is get or POST to be clear, the type of input to understand, the data structure returned to be clear, can not write wrong, otherwise the small program to get the page data can not reproduce.
The method of picture transmission needs to change, want to understand the picture resource server that aspect, know how the picture should be stored has been acquired again.
Background is very important, in this processing of the data need to be considered clearly, so that later use, the initial first such, later to modify.
Attached is part of the interface description, written not professional…
Vii. Construction of background management platform
Time problem, not enough time to do background data entry. But a quick thought. The source of news list is still relatively fixed, you can try to write crawler to climb down the articles updated every day, and the question bank is the same, but the data processing is more complicated, involving detailed items, answers, pictures and other issues. But it should work. When dealing with countdown, you can write triggers and crawlers, but now it’s a matter of time.
Eight, the current personal feel lack of functions
(1) : data can not be automatically input, manual input workload is still relatively large; (2) The front page is still buggy, after selecting the topic, the selected can not be reset; (3) early ignored the complexity of the topic, ignore the situation and options of the answer, so the small program page also need to change; (4) Personal centers should be developed; ⑤ The background database is not optimized enough for the processing of the subject data; ⑥ Now the article only take the latest five, has not yet implemented the drop-down refresh function; ⑦ Reading and browsing collection of data changes have not been realized, mainly because there is no good idea, afraid to write ordinary frequent request server can not bear (using ali Cloud student machine, relatively weak)
Nine,
Spent a month of fragmentary time, the actual cost is estimated to be nearly two hundred hours, to make such an effect today, personal feel barely passable, after all, small procedures or biased to the front end of this aspect. In the process of doing this small program, it is to exercise their own ability, for some it related skills have been correspondingly improved, this project table design and project background design in the overall view than before greatly improved. All in all, not bad.
Finally, Miss Chen, happy one year anniversary! In the 2018-09-08 s.
Welcome to give advice, thank you very much.
Attach a small program QR code.
