[Web] [high school students who graduated from school and mounted to websites and servers] II. Ideas and directions (HTML5 + JS (JQuery + ECharts) and html5jquery

[Web] [high school students who graduated from school and mounted to websites and servers] II. Ideas and directions (HTML5 + JS (JQuery + ECharts) and html5jquery
Graduation distribution website for high school students: finalizing ideas 1. Background

Episode 1: http://www.cnblogs.com/Twobox/p/8368121.html

• We have determined our general objectives and general ideas.
• However, in today's discovery, it seems that the feasibility and value are not high (low) to imitate the graduation destination module of "). (This is because I saw something better)
• The templates and results in "" are made in Flash. This is a little difficult for anyone who has never been to Flash.
• Today, we will not talk nonsense. Let's move on to today's new discoveries and ideas.

Ii. Technical handling ① HTML5 + JS dynamic pattern examples

　　

Click "Online Demo"

Sample Introduction and source code Web site: http://www.html5tricks.com/html5-map-distribute-animation.html

We can: In general, refer to this style to change the position and data of the circle, and update the axial line of the line. Provides a general display of dynamically distributed maps.

② HTML5 step-by-step registry single HTML5 form classic

　　

Click "Online Demo"

Sample Introduction and source code Web site: http://www.html5tricks.com/html5-step-reg-form.html

We can: refer to their ideas. The first part shows the distribution map of our students, the second page shows the class message board, and the third page shows the contact information query and update (of course, security verification is required)

③ Some Echarts presentations. This is a high-quality JS package based on JS for statistical charts and maps.

Map:

　　

The pop-up box when the mouse is placed:

　　

　　

 

JS: ECharts (NB) Click to access the Documentation Manual manual.

We can: Use the above technology to complete our first page: Design and Development of distributed Map

Iii. Implementation steps ① refer to the existing Geo chart examples and learn JQuery and ECharts ② design and build a database for students to import data. ③ Use html5 + js (JQuery + Echarts) to design and develop the distribution map on the first page. (JSP technology is designed and static data is not used for database connection) ④ deepen the learning and application of JSP technology // Finally, ⑤ Baidu completes the design and development of the message board on the second page by referring to the beautiful message template. (Do not implement the function first) 6. Release a semi-finished product 7. Complete the design and construction of the Student Information Query page on the third page. Finally, use JSP + mysql technology: three-page database connection, security verification, and other functions optimized release. Mount to the server. 4. Others

Many html5 css3 js exquisite templates site: http://www.html5tricks.com/

Echarts developer guide: http://echarts.baidu.com/echarts2/doc/doc.html

Echarts: blog.csdn.net/xuemoyao/article/details/16358571/

V. Postscript

(￣) "Engage in things and do things, ah...

Reprinted please indicate the source (● 'authorization' ●): http://www.cnblogs.com/Twobox/

00:09:21