Record the creation process of a joke widget (I)

Record the whole process of creating a joke widget （ One ）

The joke widget is really good - A sneak peek

Welcome to scan the yard and watch , Welcome to sesame joke applet ！ thank you ！

Insert picture description here

The name of the applet

The name of the applet needs some thought .

My name for this app is “ Sesame joke “.

Applet LOGO

about logo Production can go to the free production website to make a , Of course, if you have conditions, you can ask someone to make .

Make it for free logo A lot of websites , I will not enumerate here .

Theme selection and positioning

• The theme is simple and clear 、 generous
• The theme is simple and beautiful
• It's easy to operate

Joke content positioning

• Reflect normal social values
• Entertainment, leisure and relaxation
• Pornography, gambling and drugs are prohibited
• No discomfort
• No discriminatory words

UI Layout

well UI The layout is oriented to C One of the magic weapons to win this kind of products , Good layout can be resonated and affirmed by users .

Bottom navigation bar

At present, the layout I use is ： The number of columns at the bottom is 3 bar , Home page 、 Smile a smile 、 About . It is possible to expand in the future .

• home page ： It mainly shows some popular content lists .
• Smile a smile ： Show a list of all the jokes .
• About ： Introduction of joke applet .

Top page title

• The home page corresponds to the popularity list , It can also be called recommendation
• A smile corresponds to a joke pool , Because it includes all the jokes
• About , At present, it is a small program introduction , The user login function will be added in the future

Technology selection

front end

use uni-app To implement the front page ：

* uni-app The encapsulated component template is complete

* uni-app Easy to use , It can be developed directly

* uni-app Components can be used directly for free , High development efficiency

* The official documents are more detailed

* Cross platform , It can also be compiled as H5、app etc.

* The community is active , Can solve many problems in time

Back end

use Java As a background implementation technology （ Not connected yet , To be developed ）

development tool

• uni-app official IDE：HBuilderX
• Wechat development tools ：Wechat Devtools

Record the whole process of creating a joke widget （ Two ）

Insert picture description here