130 likes | 286 Views
Web Extensions – Server side. CSc 2320 Fall 2013. In this chapter. Dynamic pages programming Database Others JQuery XML Ajax. Dynamic pages programming. Dynamic pages v.s . static pages Static pages: Only html, CSS, JavaScript Nearly no variations according to request
E N D
Web Extensions – Server side CSc 2320 Fall 2013
In this chapter • Dynamic pages programming • Database • Others • JQuery • XML • Ajax
Dynamic pages programming • Dynamic pages v.s. static pages • Static pages: • Only html, CSS, JavaScript • Nearly no variations according to request • Cost time to edit and update • Dynamic pages: • Add dynamic page techniques • Diversity • Easy to apply and update • Choose one and get started • ASP: Active Server Pages • PHP: PHP Hypertext Preprocessor • JSP: Java Server Pages
Dynamic pages programming • How do the server pages work? • Mix programming code in html. • Html only relies on web server • Programming code in html relies on compiler or other kind language analyzer. • Html file is for presentation structure. • Programming code describe and process the logic.
Comparisons of APS, PHP and JSP • Commons: • All run in server side, user side is so light (only a browser is needed). • Advantages: • ASP: • use easy languages like VBScript • Compatible with ActiveX Scripting and plug-in provided by third party like Perl. • ActiveX server components very extensible
Comparisons of APS, PHP and JSP(cont.) • Advantages: • PHP: • Great database connection functions with all kinds of database. Best with MySQL • Easy to learn • JSP: • Use Java • Server components: reuse, cross-platform • Separate the production of pages and view of pages more clearly.
Server side design model • MVC: Model, View and Control model • Model: application, processor • View: present the data • Control: input and output between database and model processor.
MVC model • JSP > ASP > PHP • Popular frameworks for quick deployment of JSP. • Spring • Struts • Hibernate
Database • Database • SQL Server • MySQL • Oracle • Language: • SQL: Structured Query Language • Learn in database class.
JQuery • jQuery is a lightweight, "write less, do more", JavaScript library (from W3School) • HTML/DOM manipulation • CSS manipulation • HTML event methods • Effects and animations • AJAX • Utilities
XML • eXtensible Markup Language • Most used in data transmission on Web • Open interfaces • Data communication between two websites • E.g., • ESPN API
Ajax • Asynchronous JavaScript and XML • technique for creating fast and dynamic web pages • web pages can be updated asynchronously by exchanging small amounts of data with the server behind the scenes. • E.g., • Instagram • Google hint • Facebook status bar and messages updating without refresh. • How to use? • Can use JQuery
End of all lectures • Wednesday: • Q&A about projects.