Home > Developer > Web Develop
Summary of niuyun news publishing system: niuyun News Publishing System
It took one month to complete the NIU news publishing system project. This learning project is not only the beginning of B/S, but also a review of C/S. Using a three-tier architecture in niujiao, we first start with the background design, then go to the foreground design, and finally implement interaction between the foreground and the background. During the design of the front-end webpage, I learned a lot about creating webpages. I would like to give a brief summary.
HTML (Hypertext Markup Language)When we create a new Web form in VS, VS automatically generates some code, which is actually HTML.
<Html xmlns = "http://www.w3.org/1999/xhtml"> <! -- Start tag of the webpage --> HTML: hypertext markup language. It marks each part of the web page to be displayed through a markup symbol. A webpage file is a text file. By adding a tag to a text file, you can tell the browser how to display the content. The browser reads the webpage file in sequence, then, the content marked by the tag is interpreted and displayed based on the tag. The Web program generated by VS enables the browser to identify and display webpages through HTML, which is the core content of the Web.
CSS (stacked style sheet)Because traditional web pages use Table tables in HTML to design the layout of web pages, it becomes increasingly difficult to maintain the nested tables in the created web pages, each modification means that one or more tables need to be modified. Do not destroy the layout of the entire webpage until the modification is correct. Even if a large number of comments are added to the HTML, maintenance is also quite troublesome. The appearance of CSS has overcome these drawbacks.
CSS is a style design language that truly achieves the separation of webpage performance and content. Compared with traditional HTML, CSS can precisely control the position and layout of objects in webpages in pixels, and supports almost all font size styles, with the ability to edit webpage objects and model styles, and preliminary interactive design, it is currently the best presentation design language based on text display.
JavaScriptWhen I used JS to create an error page in niujiao, I defined a method to implement Automatic Webpage timing. After watching the video and implementing the error page, I checked the JS knowledge on the Internet. JavaScript (JavaScript) is a Web scripting language and has been widely used in Web application development. It is often used to add a variety of dynamic functions to webpages, it provides users with a smoother and more elegant browsing effect. Generally, JavaScript scripts implement their own functions by embedding them in HTML. The following is a piece of JS Code that implements Automatic Webpage timing.
<script lang="javascript" type="text/javascript" > var i = 5; setInterval("fun()", 1000); function fun() { document.getElementByld("mes").innerHTML = i; i--; } </script>JQueryJQuery: JavaScript and Query, which is a javascript library compatible with multiple browsers. JQuery is used in Web development. jQuery makes it easier for users to process HTML (an application under the standard General Markup Language), events, and implement animation effects, it also facilitates AJAX interaction for websites. JQuery can ensure that the user's html page is separated from the code and html content. That is to say, you do not need to insert a bunch of JavaScript code into the html to call the command. You only need to define the id. JQuery is a Javascript library and can also be used to query Js. Therefore, JQuery must reference the Javascript file as follows:
<script src="../JS/jquery-2.1.4.js"></script> <script src="../JS/edittable.js" type="text/javascript"></script>AJAXAJAX is "Asynchronous Javascript And XML" (Asynchronous JavaScript And XML), which is a Web page development technology used to create interactive web applications. AJAX = Asynchronous JavaScript and XML (subset of standard General Markup Language ). AJAX is a technology used to create fast dynamic web pages. By performing a small amount of data exchange with the server in the background, AJAX can implement asynchronous updates on webpages. This means that you can update a part of a webpage without reloading the entire webpage. If you need to update the content of a traditional web page (without AJAX), you must reload the entire web page.
SummaryNiu Yu's news publishing system has been designed with a wide range of knowledge points. Mr. Niu's explanation of his knowledge is just a few minutes away, but his spirit of "Never let go 1 px" is worth learning. Learning Web production continues. Come on.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
