1. Common web technologies
1.1 Web front-end development technology
(1)HTML、CSS、XML、Javascript、AJAX
HTML Introduction:
Hypertext Markup Language (English full name: HyperText Markup Language)
"Hypertext" means that the page can contain non-text elements such as pictures, links, and even music and programs.
CSS Introduction:
CSS: Cascading Style Sheets (English full name: Cascading Style Sheets)
CSS is a language that defines style structures such as fonts, colors, and positions, and is used to describe the formatting and reality of information on web pages
Introduction to XML XML stands for Extensible Markup Language (EXtensible Markup Language) XML is a markup language. Very similar to HTML XML is designed to transfer data, not display data XML is the most commonly used tool for data transfer between various applications
Introduction to Javascript JavaScript is a scripting language belonging to the Internet. It has been widely used in Web application development. It is often used to add various dynamic functions to web pages to provide users with smoother and more beautiful browsing effects. Usually JavaScript script realizes its own function by embedding in HTML.
Introduction to AJAX Ajax stands for "Asynchronous Javascript And XML" (asynchronous JavaScript and XML), which refers to a web development technology for creating interactive web applications
1.2 Web server-side development technology
（1）CG1、ASP、PHP
CGI Introduction:
CGI (English full name: Common Gateway Interface) Common Gateway Interface
CGI is the specification of external programs when the Web server is running, and the server functions can be extended according to the degree of CGI writing. The CGI application program can interact with the browser, and can also communicate with external data sources such as the database server through the database API to obtain data from the database server.
You can simply think of a CGI program as an executable program on the server side.
ASP Introduction:
ASP (full name in English: Active Server Pages) dynamic server page
is a server-side scripting environment developed by Microsoft Corporation, which can be used to create dynamic interactive web pages and build powerful web applications.
ASP provides some built-in objects that can be used to make server-side scripts more powerful
Introduction to PHP:
PHP (foreign name: PHP: Hypertext Preprocessor), Chinese name: "Hypertext Preprocessor") is a general-purpose open source scripting language. The syntax absorbs the characteristics of C language, Java and Perl, which is conducive to learning and using Extensive, mainly applicable to the field of web development
1.3 Data Management
（1）Oracle、MySQL、SQLServer、SQLite
2. Web development model
Function: Realize the monitoring of LED (GPOI) and RFID module (UART) through the web page
Architecture: B/S architecture
3. BS structure
B/S architecture
Browser/Server (browser/server structure), with the rise of Internet technology, is a change or improvement of the C/S structure. The user interface is completely implemented through the www browser, and some things are implemented on the front end, but the main business logic is implemented on the server side. With Windows98/Windows2000 implanting browser technology inside the operating system, this structure has become the preferred architecture of today's application software.
The comparison between B/S architecture and C/S mode
| C/S mode | B/S mode |
|---|---|
| client/server model | browser/server mode |
| fat client/thin server | thin client/fat server |
| QQ, WeChat, Fetion | WebQQ, Locke Kingdom |
| angle | C/S | B/S |
|---|---|---|
| hardware environment | private network | Wan |
| security requirements | Facing a relatively fixed user group, the control ability of information security is very strong | Oriented to an unknown user group, the ability to control security is relatively weak |
| program structure | More focus on process, less on system speed | There are multiple considerations for security and access speed, and the program architecture of B/S structure is the future development trend |
| software reuse | Difference | good |
| system maintenance | Difference | good |
| system maintenance | Difficult to upgrade | Small overhead, easy to upgrade |
| solving issues | concentrated | dispersion |
| user interface | closely related to the operating system | Cross-platform, browser-dependent |
| Information Flow | low interactivity | Interaction intensive |
4. Web principle
