1.什么是前端区别前端区别前端源码,什么是后台源码
2.都说前端比后端容易简单,是源码源码vb源码例子真的?
3.什么是前端源码,什么是后台源码?
4.itå端åå端çåºå«(itå端åå端åªä¸ªè¾è¦)
5.ç½ç«åå°åå°çåºå«
6.软件å¼åä¸ä»ä¹å«å端ä»ä¹å«å端
什么是前端源码,什么是后台源码
前端源码一般是指html,js,css等一些浏览器可直接运行的轻量级脚本.
后端源码一般指在某个编程环境下的运行的后端未编译的代码,如C#,java等,这些代码在未编译解释前无法被浏览器识别!
注:其实js也可以作为后端编程代码!即js也可是后端源码!但要借助于nodejs等运行工具!换句话说后端代码是需要一个运行环境的,而前端只需要支持浏览器就可以了
都说前端比后端容易简单,是和后和后淘宝刷流量源码真的?
从一个初入行的程序员的角度来看,前端相较于后段更容易入门一些。 1.前端入门很简单,端源端源java框架源码解析要完成项目实际所需的效果很难,需要对CSS和JS有很深入的认识,况且现在的前端工程师都需要会一些前端的框架以提高开发速度,而且前端像是Node.js直接可以搭建服务器,功能十分强大,并且一些厉害的前端对于浏览器的JS引擎以及优化都有很深的见地。 2.后端:现在很难纯粹的码的码花指令清除源码去处理业务逻辑,所以基本的HTML和CSS、JS你也要会,前端区别前端区别java中indexof源码如果是PHP,也需要会THINKPHP,YII,CI等框架,适合小型网站,对于数据库的知识要求较高,如果是JAVAEE,那么S2SH是基础,JSP或者一门模板技术(velocity、Freemarker),源码源码数据库,服务器原理(Tomcat、WebLogic或者Jboss),和后和后还有多线程技术等等都需要比较扎实的基础。 做个人主页也是端源端源需要后端的,除非全部都是静态页。不用与数据库交互
什么是码的码前端源码,什么是后台源码?
前端源码一般是指html,js,css等一些浏览器可直接运行的轻量级脚本.后端源码一般指在某个编程环境下的运行的后端未编译的代码,如C#,java等,这些代码在未编译解释前无法被浏览器识别!注:其实js也可以作为后端编程代码!即js也可是后端源码!但要借助于nodejs等运行工具!换句话说后端代码是需要一个运行环境的,而前端只需要支持浏览器就可以了itå端åå端çåºå«(itå端åå端åªä¸ªè¾è¦)
ITè¡ä¸ä¸æ¯å端å ä¼è¿æ¯å端ï¼å°±ç åèè¨
1.ITè¡ä¸ä¸çå端æ¯æå¦ä½ä½¿çé¢æ´å好ï¼æ´ç¾è§å°ææ°æ®æå 容å±ç¤ºç»ç¨æ·ï¼æ´å¥½çæé«ç¨æ·ä½éªåç²æ§ãä»ææ¯ä¸æ¥è®²ä¸»è¦å æ¬HTML,CSS,jQueryçï¼è¿æå¾ç设计åå¤çï¼flashç
2.ITè¡ä¸ä¸çå端æ¯æç¨åºæ¶æ设计åæ°æ®åºè®¾è®¡ã讲究ç¨åºå¦ä½ç¼å以尽éè¾¾å°ä»£ç éå°ï¼éç¨çé«åè¾¾å°æ大è¿è¡æçå稳å®æ§ï¼åå¦ä½æ´å¿«ä»æ°æ®åºä¸ååæ°æ®ãææ¯ä¸ä¹é常å¤æ ·ï¼å¸¸ç¨çæjava,C,C++,PHP,ASP,JSPççã
3.å端æ¯å端è¦æ´å 注éé»è¾æç»´å空é´æ³è±¡æç»´ï¼æ以å端å ä¼å¿ãä»äººæå¸åºä¸æ¥è®²ãå端å¼åæ¯å端å¼åçå·¥èµæ°´å¹³è¦é«ä¸äº-ã
æç¥å端æ¯ä»ä¹ææï¼å端å³ç½ç«åå°é¨åï¼è¿è¡å¨PC端ï¼ç§»å¨ç«¯çæµè§å¨ä¸å±ç°ç»ç¨æ·æµè§çç½é¡µï¼å æ¬æ§ä»¶å¸å±ï¼è²è°ï¼åä½ï¼æ§ä»¶ååºççã
éçäºèç½ææ¯çåå±ï¼HTML5ï¼CSS3ï¼å端æ¡æ¶çåºç¨ï¼è·¨å¹³å°ååºå¼ç½é¡µè®¾è®¡è½å¤éåºåç§å±å¹å辨çï¼å®ç¾çå¨æ设计ï¼ç»ç¨æ·å¸¦æ¥æé«çç¨æ·ä½éªã
å端ææ¯ä¸è¬å为å端设计åå端å¼åï¼å端设计ä¸è¬å¯ä»¥ç解为ç½ç«çè§è§è®¾è®¡ï¼å端å¼ååæ¯ç½ç«çåå°ä»£ç å®ç°ï¼å æ¬åºæ¬çHTMLåCSS以åJavaScript/ajaxï¼ç°å¨ææ°çé«çº§çæ¬HTML5ãCSS3ï¼ä»¥åSVGçã
å¨ææ¯å±é¢ä¸æ¥è¯´ï¼å端=HTML+CSS+JAVASCRIPTã
ITå端ï¼
å端就æ¯ç½ç«çé»è¾é¨åï¼ä¸»è¦æ¶åæ°æ®åºï¼å¨æè¯è¨å¦PHPãASPãJSPçãä¹å°±æ¯è¯´ï¼å端æ´å¤çæ¯ä¸æ°æ®åºè¿è¡äº¤äºä»¥å¤çç¸åºçä¸å¡é»è¾ãéè¦èèçæ¯å¦ä½å®ç°åè½ãæ°æ®çååãå¹³å°ç稳å®æ§ä¸æ§è½çã
ç®è¨ä¹ï¼å端就æ¯æ管çåå¯çè§ççé¢ï¼å¯è¿è¡ç¼è¾ãä¿®æ¹ãæ¥è¯¢ãæ°å¢ï¼é¨åæä½ä¼å½±åå端æç¥ï¼é¨åæä½ç¨æ·æ²¡ææç¥ã
ITå端åå端çåºå«ï¼
两è ä¹é´çå·®å¼ä¸»è¦è¡¨ç°å¨ï¼
ä¸ä¸ªæ¯æå ³ç½ç«çè§è§æç¾å¦æ¹é¢ï¼è¢«ç§°ä¸ºâå端â;
å¦ä¸ä¸ªåæ¯çä¸è§çç¼ç æ¹é¢ç设计ï¼è¢«ç§°ä¸ºâå端âã
æ¬ç¯æç« å°±æ¯å ³äºITå端åå端çåºå«ä»ç»ï¼å¸æ对éè¦çæåææ帮å©ï¼
ç½é¡µè®¾è®¡å端åå端çåºå«ï¼è¶è¯¦ç»è¶å¥½ã
详ç»ç解éä¸ä¸webåå端çåºå«
1ã
åå°ï¼åç°ç»ç¨æ·çè§è§ååºæ¬çæä½ã
åå°ï¼ç¨æ·æµè§ç½é¡µæ¶ï¼æ们çä¸è§çåå°æ°æ®è·å¨ãåå°å æ¬å端ãå端ã
å端ï¼å¯¹åºæ们åçhtmlãcssãjavascriptçç½é¡µè¯è¨ä½ç¨å¨å端ç½é¡µã
å端ï¼å¯¹åºjspãjavaBeanãdaoå±ãactionå±åserviceå±çä¸å¡é»è¾ä»£ç ãï¼å æ¬æ°æ®åºï¼
为ä»ä¹jspæ¯å端å¢ï¼ä¸»è¦æ¯jspçè¿è¡åçæ¯å¨tomcatæå¡å¨è¿è¡çã
2ã
(1)javawebæ¯javaå¼åä¸çä¸ä¸ªæ¹åjavaææå®åçï¼æwebçï¼æåµå ¥å¼ççãjavawebå°±æ¯ææwebæ¹åçï¼javawebå两åï¼ä¸åæ¯æå¡å¨ç«¯å«å端ï¼å¦ä¸åå«å端ï¼ä¹å°±æ¯webå端ãå端就æ¯ç¨æ·è½çå°çé¨åï¼æ¯å¦æ·å®ç½ï¼qq空é´ï¼ç½é¡µä¸ä½ è½çå°çé½æ¯webå端åçãå端åçå°±æ¯ä¸ºå端çå±ç¤ºä¸å¡é»è¾åè½åå¤çã
(2)javawebå æ¬äºjspï¼servelt以åä¸äºæ¡æ¶æ¯å¦springï¼structs以åä¸æ°æ®åºäº¤äºçç¥è¯ï¼å½ç¶ä¹æ¶åå°äºhtmlï¼cssçå端ææ¯ï¼ä½æ¯æ´ä¾§éäºå端çå¼åãwebå端主è¦æ¯htmlï¼cssï¼javascriptä¹ç±»çææ¯ã
jawebæ¯javaeeçä¸ä¸ªæ¹åï¼Javawebï¼ç±å端ãJava代ç ãåæ°æ®åºä¸ä¸ªå¤§æ¹é¢ç»æï¼å端åªæ¯å ¶ä¸ä¹ä¸ã
(3)å¨æ们çæºåä¸çå°ççé¢ï¼å®è£ çç¨åºï¼ç»ç¨æ·ççï¼æä½çå°±æ¯å端ï¼èä½ çä¸å°çï¼å¸®ä½ ä¿åç½ç»æ¸¸ææ°æ®ï¼ä¿ååºç¨æ°æ®ï¼å¤çæ°æ®çå°±æ¯å端ï¼æå¡å¨ï¼ãæ¯å¦è¯´ï¼æ们å¨ç¨çç¥ä¹å°±æ¯å端ï¼èä¿åè¿ä¸ªé®é¢ï¼è¿ææè¿ä¸ªé®é¢æ¨éç»ä½ çå°±æ¯å端ã
äºãå®ä¹ä¸å
ä¸è¬æ¥è¯´ï¼æ们å°ç½ç«å为å端åå端ãå端主è¦è´è´£é¡µé¢çå±ç¤ºï¼å端åæ¯ä¸å¡é»è¾çå®ç°ã
1ãWebå端:
顾åæä¹æ¯æ¥åWebçå端çãè¿éæ说çå端æ³æWebå端ï¼ä¹å°±æ¯å¨Webåºç¨ä¸ç¨æ·å¯ä»¥çå¾è§ç¢°å¾ççä¸è¥¿ãå æ¬Web页é¢çç»æãWebçå¤è§è§è§è¡¨ç°ä»¥åWebå±é¢ç交äºå®ç°ã
2ãWebå端ï¼
å端æ´å¤çæ¯ä¸æ°æ®åºè¿è¡äº¤äºä»¥å¤çç¸åºçä¸å¡é»è¾ãéè¦èèçæ¯å¦ä½å®ç°åè½ãæ°æ®çååãå¹³å°ç稳å®æ§ä¸æ§è½çã
ä¸ãéè¦ææ¡çææ¯ä¸å
1ãWebå端ï¼
ç²¾éJSï¼è½çç»åºç¨JQueryï¼æCSSï¼è½çç»è¿ç¨è¿äºç¥è¯ï¼è¿è¡äº¤äºææçå¼åã
(1)ç²¾éHTMLï¼è½å¤ä¹¦åè¯ä¹åçï¼ç»ææ¸ æ°ï¼æç»´æ¤çHTMLç»æï¼
(2)ç²¾éCSSï¼è½å¤è¿åè§è§è®¾è®¡ï¼å¹¶å ¼å®¹ä¸çæ¿è®¤ç主æµæµè§å¨ï¼
(3)çæJavaScriptï¼äºè§£ECMAScriptåºç¡å 容ï¼ææ¡1-2ç§jsæ¡æ¶ï¼å¦JQueryï¼
(4)对常è§çæµè§å¨å ¼å®¹é®é¢ææ¸ æ°çç解ï¼å¹¶æå¯é ç解å³æ¹æ¡ï¼
(5)对æ§è½æä¸å®çè¦æ±ï¼äºè§£yahooçæ§è½ä¼å建议ï¼å¹¶å¯ä»¥å¨é¡¹ç®ä¸ææå®æ½ã
2ãWebå端ï¼
å端å¼å人åï¼ä¼åJava代ç ï¼ä¼åSQLè¯å¥ï¼è½åç®åçæ°æ®åºè®¾è®¡ï¼ä¼SpringåiBatisï¼æä¸äºè®¾è®¡æ¨¡å¼çã
(1)ç²¾éjspï¼servletï¼javabeanï¼JMSï¼EJBï¼Jdbcï¼Flexå¼åï¼æè 对ç¸å ³çå·¥å ·ãç±»åºä»¥åæ¡æ¶é常çæï¼å¦Velocityï¼Springï¼Hibernateï¼iBatisï¼OSGIçï¼å¯¹Webå¼åç模å¼æè¾æ·±çç解ï¼
(2)ç»ä½¿ç¨oracleãsqlserverãmysqlç常ç¨çæ°æ®åºç³»ç»ï¼å¯¹æ°æ®åºæè¾å¼ºç设计è½åï¼
(3)çæmaven项ç®é 置管çå·¥å ·ï¼çætomcatãjbossçåºç¨æå¡å¨ï¼åæ¶å¯¹å¨é«å¹¶åå¤çæ åµä¸çè´è½½è°ä¼æç¸å ³ç»éªè ä¼å èèï¼
(4)ç²¾éé¢å对象åæå设计ææ¯ï¼å æ¬è®¾è®¡æ¨¡å¼ãUML建模çï¼
(5)çæç½ç»ç¼ç¨ï¼å ·æ设计åå¼å对å¤APIæ¥å£ç»éªåè½åï¼åæ¶å ·å¤è·¨å¹³å°çAPIè§è设计以åAPIé«æè°ç¨è®¾è®¡è½åã
åãwebå端åå端æ¯æä¹è¿æ¥çï¼
1ãwebæå¡å¨ï¼apacheãtomcatçï¼ï¼ç½ç»åè®®ï¼æè phpçé½å¯è½ï¼ä½javawebå¯ä»¥ç¡®å®å端就æ¯javaï¼webåç«¯å ¶å®é½ä¸æ ·ã
å端åJavawebçåºå«æ´å¤çå¨äºä¸ä¸ªä¸»è¦è´è´£å端ç设计åææï¼èJavawebæ´ä¸æ³¨äºå端çå 容ã
3ãåå¼å§ä»äºwebå¼åæ¶ï¼é¦å è¦éåå¦ä¹ æ¹åï¼çæ¯æ³ä»äºå端é¨åè¿æ¯å端ç¨åºé¨åãå½ç¶å¨å·¥ä½çåæï¼å°±ä¸ä¼åçé£ä¹ç»è´äºãåå端å°åæä¹ä¼æä¸äºå端çææ¯ï¼åä¹ï¼å端ä¹æ¯ã
å ãå¦ä¹ Webå端å¼åé½éè¦ææ¡åªäºæè½ï¼
1ãå¦ä¹ htmlãè¿ä¸ªæ¯æç®åç,ä¹æ¯æåºç¡ç.è¦çç»ææ¡divãformtableãulliãpãspanãfontè¿äºæ ç¾,è¿äºé½æ¯æ常ç¨ç,ç¹å«æ¯divåtable,divç¨äºå¸å±ãtableä¹å¯ä»¥ç¨äºå¸å±,ä½æ¯ä¸çµæ´»,åºæ¬tableæ¯ç¨æ¥åæ°æ®æ交éã
2ãå¦ä¹ cssãè¿é说çcssä¸å æ¬css3,ä¸è¬æ们çå°webå端å¼åå·¥ç¨å¸çè¦æ±éé¢,æä¸ä¸ªä¼ä½¿ç¨css+htmlæè css+divæ¥è¿è¡çé¢å¸å±,æ以cssæ¯ç¨äºè¾ å©htmlæ¥å¸å±åå±ç¤ºç,æ们称ä¹ä¸ºâcssæ ·å¼â,为ä»ä¹ä¼è¯´css+divå¢?å 为æä¸é¢è¯´äºdivå°±æ¯html主è¦ç¨äºå¸å±çä¸è¥¿,æ以divå°±æ¯æ ¸å¿ææ¡çä¸è¥¿!é£ä¹cssè¯å®å¿ é¡»è¦é ådivæ¥ä½¿ç¨æ好.cssè¦çç»ææ¡floatãpositionãwidthãheightï¼ä»¥å对äºçæ大æå°ãä¼ä½¿ç¨ç¾åç¾ãoverflowãmarginãpaddingçç,è¿äºé½æ¯è·å¸å±æå ³ç³»çæ ·å¼,ä¸ç¹è¦ææ¡ã
3ãå¦ä¹ jsãå¯è½å两个大家è§å¾è¿è¿çå»,çå°jså°±å»ç¼äº,å ¶å®å§,jså ¥é¨å¾ç®åç,ä¸éè¦ä¼å¾å¤ä¸è¥¿ç,åªè¦ä¼æ ¹æ®æ个idãæè nameæ¿å°ç½é¡µdomæè æ ·å¼ãæè å¼,ç¶åä¼ç»æ个idæè nameçå ç´ æ ç¾èµå¼ãæè 追å æ°æ®ã追html,è¿ä¸ªæ¯è·æ°æ®æå ³ç³»çæä½,ç¶åæ°æ®é»è¾å¤æ,æææ¹é¢ç,æ éå°±æ¯è·³è½¬ãå¼¹æ¡ãéèä»ä¹ç,æè¿äºå ¨é¨ç»åå ¶ä»å°±æ¯å®é ç¨éäº,代ç ä¸ç¹é½ä¸é¾,ä¼äºè¿äºåºç¡js,å ¶ä»çç´æ¥ç¾åº¦å°±å¥½äº.ç¶åçå¤äº,ç¨å¤äº,å°±ä»ä¹é½ä¸æ¯é®é¢äºã
4ãå¦ä¹ jqueryãjqueryæ¯ç¸å½äºæjså°è£ äºä¸å¥çä¸ä¸ªjsæ件,ç®çå°±æ¯æä½èµ·æ¥æ´æ¹ä¾¿,代ç åçæ´å°,jqueryå ¥é¨ä¹å¾ç®å,é£äºæ¯å ¥é¨éè¦å¦çåjsä¸æ ·,åªæ¯æ¢æäºjqç代ç .å ¶ä»çä¸æ ·ç¾åº¦å°±å¤äºã
5ãæ好ä¼ç¹åå°è¯è¨,æ¯å¦javaãphp,为ä»ä¹å¢?å 为åå°çé¢çæ°æ®é½æ¯ä»åå°æ¥ç,å¦æä¼ç¹åå°ä»£ç ,å°±ç¥éæä¹è·åå°äº¤äºæ°æ®æ¯æ好ç,è¿æ ·è约æ¶é´,ä¹å¯ä»¥è®©å端代ç æ´è§è.ä¸ç¶å¯è½å ä¸ºä½ çåæ³åå端ç»æ¥çæ°æ®ä¸è½ç»åä¸,é£ä¹å端代ç åå¾éæ°å,é£å°±æ´å 麻ç¦äºã
6ãå¦ä¹ css3+html5,å¯è½è¿ä¸ªå¯¹äºæ´æ¥æçæ°äººæ¥è¯´æç¹å°é¾ï¼éè¦è¾å¼ºç代ç ç¥è¯ä¸ç»éªï¼ä½æ¯å¦æä½ ä»¬æ¯åå¤ä¸é¨æå端,é£ä¹æ好è¿æ¯å¦ä¸ä¸ï¼è¿æ ·å¯¹äºå°æ¥çå·¥ä½ä¼ææ´å¤§ç帮å©ã
ä¸ãä»äºJavaå端å¼åé½éè¦ææ¡åªäºæè½ï¼
对äºåå¦Java并ä¸æå¿äºå端å¼åçåå¦æ¥è¯´ï¼éè¦éç¹å ³æ³¨ä»¥ä¸å 个é¨åï¼
1ãåºç¡ï¼æ¯å¦è®¡ç®æºç³»ç»ãç®æ³ãç¼è¯åççç
2ãWebå¼åï¼ä¸»è¦æ¯Webå¼åç¸å ³çå 容ï¼å æ¬HTML/CSS/jsï¼å端页é¢ï¼ãServlet/JSPï¼J2EEï¼ä»¥åMySQLï¼æ°æ®åºï¼ç¸å ³çç¥è¯ãå®ä»¬çå¦ä¹ 顺åºåºè¯¥æ¯ä»åå°åï¼å æ¤æå å¦ä¹ çåºè¯¥æ¯HTML/CSS/JSï¼å端页é¢ï¼ãè¿æä¸äºå段æ¡æ¶æ¯å¦easyui,è¿æjs,jqueryçææ¯ã
3ãJ2EEï¼ä½ éè¦å¦ä¹ çæ¯Servlet/JSPï¼J2EEï¼é¨åï¼è¿é¨åæ¯Javaå端å¼åå¿ é¡»é常精éçé¨åï¼å æ¤è¿é¨åæ¯è¿ä¸é¨åä¸æéè¦è±ç²¾åçãå ³äºServlet/Jspé¨åè§é¢çéæ©ï¼ä¸çæ¯è¾è®¤å¯é©¬å£«å µçè§é¢ã4ãæ°æ®åºï¼ä½ éè¦å¦ä¼ä½¿ç¨æ°æ®åºï¼mysqlæ¯ä¸ªä¸éçå ¥é¨éæ©ï¼èä¸Javaé¢åé主æµçå ³ç³»åæ°æ®åºå°±æ¯mysqlãè¿é¨åä¸è¬å¨ä½ å¦ä¹ Servlet/Jspçæ¶åï¼å°±ä¼æ¥è§¦å°çï¼å ¶ä¸çJDBCé¨åå°±æ¯æ°æ®åºç¸å ³çé¨åãä½ ä¸ä» è¦å¦ä¼ä½¿ç¨JDBCæä½æ°æ®åºï¼è¿è¦å¦ä¼ä½¿ç¨æ°æ®åºå®¢æ·ç«¯å·¥å ·ï¼æ¯å¦navicatï¼sqlyogï¼äºéä¸å³å¯ã
5ãå¼åæ¡æ¶ï¼ç®åæ¯è¾ä¸»æµçæ¯SSMæ¡æ¶ï¼å³springãspringmvcãmybatisãä½ éè¦å¦ä¼è¿ä¸ä¸ªæ¡æ¶çæ建ï¼å¹¶ç¨å®ä»¬ååºä¸ä¸ªç®åçå¢å æ¹æ¥çWeb项ç®ãä½ å¯ä»¥ä¸ç解é£äºé ç½®é½æ¯ä»ä¹å«ä¹ï¼ä»¥å为ä»ä¹è¦è¿ä¹åï¼è¿äºççåé¢ä½ å»äºè§£ãä½ä½ ä¸å®è¦å¯ä»¥å¿«éçå©ç¨å®ä»¬ä¸ä¸ªæ建åºä¸ä¸ªWebæ¡æ¶ï¼ä½ å¨æ建SSMçè¿ç¨ä¸ï¼å¯è½ä¼ç»å¸¸æ¥è§¦å°ä¸ä¸ªå«mavençå·¥å ·ãè¿ä¸ªå·¥å ·ä¹æ¯ä½ 以åå·¥ä½å½ä¸å ä¹æ¯å¿ é¡»è¦ä½¿ç¨çå·¥å ·ï¼æä»¥ä½ å¨æ建SSMçè¿ç¨ä¸ï¼ä¹å¯ä»¥é¡ºä¾¿äºè§£ä¸ä¸mavençç¥è¯ãå¨ä½ ç®åè¿ä¸ªé¶æ®µï¼ä½ åªéè¦å¨ç½ç»ä¸äºè§£ä¸ä¸mavenåºæ¬ç使ç¨æ¹æ³å³å¯ï¼ä¸äºé«ç«¯çç¨æ³éçä½ å·¥ä½ç»éªçå¢å ï¼ä¼éæ¸æ¥è§¦å°çã
6ãä½ éè¦å»çä¸äºJDKä¸çç±»çæºç ï¼ä¹å æ¬ä½ æ使ç¨çæ¡æ¶çæºç ãè¿äºæºç è½çæçåææ¯ï¼ä½ å¿ é¡»å¯¹è®¾è®¡æ¨¡å¼é常äºè§£ãå¦åçè¯ï¼ä½ çæºç çè¿ç¨ä¸ï¼æ°¸è¿ä¼æè¿æ ·é£æ ·ççé®ï¼è¿æ®µä»£ç 为ä»ä¹è¦è¿ä¹åï¼ä¸ºä»ä¹è¦å®ä¹è¿ä¸ªæ¥å£ï¼å®çèµ·æ¥å¥½åå¾å¤ä½ï¼ç±æ¤ä¹å¯ä»¥çåºï¼è¿äºå¦ä¹ çè¿ç¨æ¯ç¯ç¯ç¸æ£çï¼å¦æä½ ä»»ä½ä¸ä¸ªé¶æ®µæä¸æ¥äºï¼é£ä¹ä½ å°±ççè·ä¸ä¸äºï¼æè 说æ¯ä¸æ¥æ ¢æ¥æ¥æ ¢ãæ»èè¨ä¹ï¼è¿ä¸ªé¶æ®µï¼ä½ éè¦åçæ¯æ·±å ¥äºè§£Javaåºå±åJavaç±»åºï¼æ¯å¦å¹¶åé£æ¬ä¹¦å°±æ¯Java并åå java.concurrentçå 容ï¼ï¼ä¹å°±æ¯JVMåJDKçç¸å ³å 容ãèä¸è¿è¦æ´æ·±å ¥çå»äºè§£ä½ æ使ç¨çæ¡æ¶ï¼æ¹å¼æ¯è¾æ¨èçæºç æè çå®æ¹ææ¡£ã
å¸æ对æ¨ææ帮å©ï¼~
å端åå端ç¨åºåçåºå«å¨åªé?é£ä¸ªå°±ä¸åæ¯è·å¥½?å端å¼åååå°å¼åæ¯æåºå«çï¼å·¥ä½çå 容åè´è´£çä¸è¥¿æ¯å®å ¨çä¸åç
å端ï¼å ¥é¨é¾ï¼æ·±å ¥æ´é¾ï¼æ¯ç¥ä¹å³ï¼æ²¡æ太大æå°±æï¼çä¸å ä¸å¡é»è¾ä»£ç ã
å端ï¼å ¥é¨ç®åï¼å æåé¾ï¼è½çå°èªå·±ååºæ¥çå±ç¤ºçé¢ï¼ææå°±æã
1ãå端å¼å
å端å¼åç°å¨ä¸è¬æçå°±æ¯webå端å¼åå·¥ç¨å¸ï¼å ¶è´è´£æ¯ç½ç«å端页é¢ä¹å°±æ¯ç½é¡µç页é¢å¼åï¼ç®åç说ç½ç«å端è´è´£æ¯ä¸è¥¿æ¯ç½ç«ç¨æ·å¯è§çä¸è¥¿ï¼å¦ç½é¡µä¸çç¹æãç½é¡µçå¸å±ãå¾çãè§é¢çå 容ãç½ç«å端工ç¨å¸çå·¥ä½å 容就æ¯å°ç¾å·¥è®¾è®¡çææå¾ç设计ææµè§å¨å¯ä»¥è¿è¡çç½é¡µï¼å¹¶åå端å¼åå·¥ç¨å¸é ååç½é¡µçæ°æ®æ¾ç¤ºå交äºã
2ãå端å¼å
å端å¼åä¸è¬ä¹å«ååå°ï¼å ¶è´è´£æ¯ç½ç«åå°é»è¾ç设计åå®ç°è¿æç¨æ·åç½ç«çæ°æ®çä¿åå读åãæ¯å¦ä¸è¬ç½ç«é½æ¯æç¨æ·æ³¨ååç»å½çï¼ç¨æ·ç注åçä¿¡æ¯éè¿å端åéç»å端ï¼å端å°å ¶ä¿åå¨æ°æ®åºä¸ï¼ç¨æ·ç»å½ç½ç«çæ¶åï¼å端éè¦éè¿ç¨æ·è¾å ¥çç¨æ·ååå¯ç æ¯å¦ä¸æ°æ®åºä¸çä¸è´æ¥å¤æç¨æ·æ¯å¦ææéç»å½ï¼è¿æ¯åå°å¼åä¸çä¸ä¸ªæç®åçåè½ã
å端工ç¨å¸çéæ±éå¾å¤§ï¼å ä¹æææä¾äºèç½æå¡çä¼ä¸é½éè¦ï¼æè¿éæ±éæ¯è¾å¤§çä¸ä¸ªæ¹åå°±æ¯HTML5å端å¼åãHTML5æ¯HTMLæ åï¼å®æ¬èº«æ¯ä¸é¡¹æ åååè®®ï¼HTML5å¼åè¿ä¸ªåè¯æ¬èº«å°±æ¯ä¸ä¸ä¸ç称å¼ï¼é常æä¹ä¸æ使ç¨HTML5çè¾ä¸ºæ½®æµçææ¯è¿è¡å端å¼åã
ä¸Webå端å¼åä¸åçæ¯ï¼ä½¿ç¨HTML5ä¸ä» ä» å¯ä»¥å¼åå端ï¼è¿æç½é¡µæ¸¸æï¼ææºAPPï¼ä½¿ç¨æµè§å¨è¿è¡3D渲æçä¸ç³»å建ç«å¨HTML5æ åä¸æè½½å ¶æ åæµè§å¨ä¸çå¼åï¼èæªæ¥å¯è½ä¼ææ´å¤çåè½åæ¯å¹¶å ¥HTML5æ åï¼
å端ææ¯å¯ä»¥è¯´æ¯è¶æ¥è¶æçäºï¼Webå端å¼åå·¥ç¨å¸å·²ç»æ为åå±ä¸çèä¸é¦é¦é¦ã说起æ¥å ä¹æ¯æ´ä¸ªäºèç½è¡ä¸é½éè¦Webå端工ç¨å¸ï¼æ 论æ¯åèµ·æ¥çåä¸å ¬å¸ï¼è¿æ¯ä¸å¸å ¬å¸ä¹è³å·¨å¤´ï¼é½æä¸å®éæ±ãåªè¦ä½ å¤ä¼ç§ï¼Webå¼åå端就ä¸åæ¯ç®ç´ä¸è¦å好ï¼
å端çåå±å ¶å®è¿æ¯é£å¥è¯ï¼æéæ±æä¼æå¸åºï¼ä¸ºä»ä¹é£ä¹å¤äººåå æ³è¿å ¥Webå端çè¡åå¢ï¼è¿ä¸æ¯å 为Webå¼åæå¸åºï¼ä¼ä¸éè¦é大ãæ以ä¸å ¶è´¹å°½å¿æçæ³Webå端ä»åçåå±ï¼è¿ä¸å¦ç¨é£ä¸ªæ¶é´å¥½å¥½å¦ä¹ ä¸äºWebå端æè½å°æ¥å¯¹å°±ä¸æ´æ·»ä¿éã
ç¨åºå端è·å端æä»ä¹åºå«åï¼å端å¼å主è¦åçæ¯ç¨æ·æè½çå°çå端å±ç¤ºçé¢ï¼å端å¼å主è¦åçæ¯é»è¾åè½ç模åãå ¶å®ä¸»è¦åºå«ä½ç°å¨ä»¥ä¸ä¸¤ä¸ªæ¹é¢ï¼ç¥è¯ç»æä¸å®ç°åå·¥ä½èè´£ã
1ãç¥è¯ç»æ
ï¼1ï¼å±ç¤ºçæ¹å¼ä¸å
å端æçæ¯ç¨æ·å¯è§ççé¢ï¼ç½ç«å端页é¢ä¹å°±æ¯ç½é¡µç页é¢å¼åï¼æ¯å¦ç½é¡µä¸çç¹æãå¸å±ãå¾çãè§é¢ï¼é³é¢çå 容ãå端çå·¥ä½å 容就æ¯å°ç¾å·¥è®¾è®¡çææå¾ç设计ææµè§å¨å¯ä»¥è¿è¡çç½é¡µï¼å¹¶é åå端åç½é¡µçæ°æ®æ¾ç¤ºå交äºçå¯è§æ¹é¢çå·¥ä½å 容ã
å端æ¯æç¨æ·çä¸è§çä¸è¥¿ï¼é常æ¯ä¸å端工ç¨å¸è¿è¡æ°æ®äº¤äºåç½ç«æ°æ®çä¿åå读åï¼ç¸å¯¹æ¥è¯´å端æ¶åå°çé»è¾ä»£ç æ¯å端è¦å¤å¾å¤ï¼å端èèçæ¯åºå±ä¸å¡é»è¾çå®ç°ï¼å¹³å°ç稳å®æ§ä¸æ§è½çã
ï¼2ï¼æç¨çææ¯ãæè½ä¸å·¥å ·ä¸å
å端å¼åï¼å°±æ¯è¦åé ä¸é¢æå°çç½ç«é¢åç¨æ·çé¨åèåç代ç ï¼å¹¶éè¿å»ºç«æ¡æ¶ï¼æ建æ²æµ¸æ§çç¨æ·ä½éªã为äºå®ç°è¿ä¸ªç®æ ï¼å¼åéè¦çç»è¿ç¨ä¸åè¯è¨ãæ¡æ¶ãå·¥å ·åºï¼
å端å¼åè 使ç¨è¿äºå·¥å ·ç¼åå¹²åãå¯ç§»æ¤ãå ·æè¯å¥½ææ¡£æ¯æç代ç æ¥å建ææ´æ°Webåºç¨ãä½å¨å代ç ä¹åï¼ä»ä»¬éè¦ä¸å®¢æ·æ²éï¼äºè§£å ¶å®é éæ±å¹¶è½¬å为ææ¯ç®æ ï¼å¶å®æææä¸ç²¾ç®çæ¹æ¡æ¥è¿è¡å®ç°ã
ï¼3ï¼æç¨ææ¯ä¸å
å端å¼åç¨å°çææ¯å æ¬ä½ä¸éäºhtml5ãcss3ãjavascriptãjqueryãBootstrapãNode.jsãWebpackï¼AngularJsï¼ReactJsï¼VueJsçææ¯ã
å端å¼å以java为ä¾ä¸»è¦ç¨å°çæ¯å æ¬ä½ä¸éäºStrutsspringspringmvcHibernateHttpåè®®ServletTomcatæå¡å¨çææ¯ã
2ãå·¥ä½èè´£
å端工ç¨å¸ä¸»è¦çå·¥ä½èè´£å为ä¸å¤§é¨åï¼åå«æ¯ä¼ ç»çWebå端å¼åï¼ç§»å¨ç«¯å¼åå大æ°æ®åç°ç«¯å¼åãWebå端å¼å主è¦é对çæ¯PC端å¼åä»»å¡ï¼
移å¨ç«¯å¼ååå æ¬Androidå¼åãiOSå¼åååç§å°ç¨åºå¼åï¼å¨ç§»å¨äºèç½è¿ éåå±ç带å¨ä¸ï¼ç§»å¨ç«¯çå¼åä»»å¡éæ¯æ¯è¾å¤§çï¼éç5Gæ åçè½å°ï¼æªæ¥ç§»å¨ç«¯çå¼åä»»å¡å°å¾å°è¿ä¸æ¥çæå±ï¼å¤§æ°æ®åç°å主è¦æ¯åºäºå·²æçå¹³å°å®ææç»åæç»æçåç°ï¼åç°æ¹å¼é常ä¹æå¤ç§éæ©ï¼æ¯å¦å¤§å±å±ç¤ºçã
å端工ç¨å¸ç主è¦èè´£ä¹éä¸å¨ä¸å¤§é¨åï¼åå«æ¯å¹³å°è®¾è®¡ãæ¥å£è®¾è®¡ååè½å®ç°ãå¹³å°è®¾è®¡ä¸»è¦æ¯æ建å端çæ¯ææå¡å®¹å¨ï¼æ¥å£è®¾è®¡ä¸»è¦é对äºä¸åè¡ä¸è¿è¡ç¸åºçåè½æ¥å£è®¾è®¡ï¼é常ä¸ä¸ªå¹³å°æå¤å¥æ¥å£ï¼å°±åå«æ导èªå¹³å°è®¾ææ°ç¨ååç¨ä¸¤å¥æ¥å£ä¸æ ·ï¼åè½å®ç°åæ¯å®æå ·ä½çä¸å¡é»è¾å®ç°ã
ç½ç«åå°åå°çåºå«
1ãé¢å对象ä¸åç½ç«åå°æ¯é¢åç½ç«è®¿é®ç¨æ·çï¼éä¿ç说ä¹å°±æ¯ç»è®¿é®ç½ç«ç人ççå 容å页é¢ã
ç½ç«åå°ä¸»è¦æ¯ç¨äºå¯¹ç½ç«åå°çä¿¡æ¯ç®¡çï¼å¦æåãå¾çãå½±é³ãåå ¶ä»æ¥å¸¸ä½¿ç¨æ件çåå¸ãæ´æ°ãå é¤çæä½ï¼åæ¶ä¹å æ¬ä¼åä¿¡æ¯ã订åä¿¡æ¯ã访客信æ¯çç»è®¡å管çãç®åæ¥è¯´å°±æ¯å¯¹ç½ç«æ°æ®åºåæ件çå¿«éæä½å管çç³»ç»ï¼ä»¥ä½¿å¾åå°å 容è½å¤å¾å°åæ¶æ´æ°åè°æ´ã
2ãç¨éä¸å
ç½ç«åå°è®¿é®å¯ä»¥æµè§å ¬å¼åå¸çå 容ï¼å¦äº§åä¿¡æ¯ãæ°é»ä¿¡æ¯ãä¼ä¸ä»ç»ãä¼ä¸èç³»æ¹å¼ãæ交çè¨çæä½ã
åå°çé¨ååè½æ¯å¯ä»¥æ°é»åå¸ãå¾çåå ¶ä»æ件ä¸ä¼ ãæ°é»å®æ¶åå¸åå®èªå¨æ´æ°ãå 容ééãå¾çåå½±é³æ件å æ°´å°ãæ°é»å®¡æ ¸ãæ°ä¼åå®¡æ ¸ãé®ä»¶ç¾¤åãååç»å®å解æ?以å对ä¸è¿°ææä¿¡æ¯çä¿®æ¹å é¤çæä½ã
3ã两è çç³»ç»å¼åè¯è¨ä¸å
åå°ç³»ç»å¼åè¯è¨ä¸è¬ä½¿ç¨javascriptï¼ä¹æç¨VBscriptçã
åå°æ¯è¾å¸¸è§çç½ç«åå°ç®¡çç³»ç»å¼åè¯è¨ä¸»è¦æï¼aspåphpï¼ç±äºå¾®è½¯å¼å§æ¾å¼å¯¹aspè¯è¨çææ¯æ¯æï¼ä¼ä¸ç½ç«ç®¡çç³»ç»çå¼åè¯è¨è½¬åäºPHPçæ§è½ä¹äºã
ç¨PHPå¼åçç½ç«åå°ç®¡çç³»ç»ç±äºè¯è¨çå å¯æ§ä¸å¼ºï¼æ以ç¨PHPå¼åçç½ç«åå°ç®¡çç³»ç»åºæ¬ä¸é½æ¯å¼æºçï¼èå¼åç大å¤å·²å¯¹æºç è¿è¡äºç¼è¯ãä¸è¿ï¼å¾å¤ç¨è¯è¨å¼ååè¶æ¥è¶éè§æ¶ä»£çåå±ï¼éç»æèªå·±çæºç å¼æ¾åºæ¥ã
æ©å±èµæï¼
å端å·æ°é¡µé¢çæµç¨ï¼flask+模æ¿ï¼
1ãå®ç°æå¡å¨çAPIæ¥å£ææ¡£ã
2ã使ç¨Flaskå®ç°æå¡å¨åºç¨ç¨åºçæ建ã
3ãå®ç°å端请æ±URLï¼å£°æ对åºRouteè·¯ç±ï¼ä¸è¬æ åµä¸ï¼ä¸ä¸ªURL对åºä¸ä¸ªè·¯ç±ã
4ãå®ç°å¯¹åºè·¯ç±çè§å¾å½æ°ï¼æ¯ä¸ªè§å¾å½æ°é½éè¦å¯¹åºä¸ä¸ªè§å¾å®¹å¨ï¼æ¨¡æ¿ï¼ï¼å¨è¿ä¸ªè§å¾å½æ°ä¸è¿è¡æ°æ®+模æ¿çæ¹å¼è¿è¡æå¡å¨çååºã
5ãå®ç°å¯¹åºæ¨¡æ¿ï¼æ¨¡æ¿æ¯éè¿jinja2第ä¸æ¹æ件çæ¹å¼ï¼ä½¿ç¨æ¨¡æ¿è¯æ³æ¥å®ç°æ°æ®çå¨ææ¾ç¤ºã
å端å·æ°é¡µé¢çæµç¨ï¼flask+Ajaxï¼
1ãå®ç°æå¡å¨çAPIæ¥å£ææ¡£ã
2ã使ç¨Flaskå®ç°æå¡å¨åºç¨ç¨åºçæ建ã
3ãå®ç°å端请æ±URLï¼å£°æ对åºRouteè·¯ç±ï¼ä¸è¬æ åµä¸ï¼ä¸ä¸ªURL对åºä¸ä¸ªè·¯ç±ã
4ã使ç¨jQueryä¸çAjaxææ¯è¿è¡å±é¨å·æ°ã
åèèµææ¥æºï¼ç¾åº¦ç¾ç§-ç½ç«åå°
åèèµææ¥æºï¼ç¾åº¦ç¾ç§-ç½ç«åå°ç®¡çç³»ç»
软件å¼åä¸ä»ä¹å«å端ä»ä¹å«å端
å¨è½¯ä»¶å¼åä¸ï¼é常å°ç³»ç»å为å端ï¼Frontendï¼åå端ï¼Backendï¼ï¼å®ä»¬åå«è´è´£ä¸åçä»»å¡ï¼ å端ï¼Frontendï¼ï¼ å端æ¯ç¨æ·ç´æ¥ä¸ä¹äº¤äºçé¨åï¼å æ¬ç¨æ·çé¢åç¨æ·ä½éªãå端å¼å主è¦æ¶åå°ç½é¡µã移å¨åºç¨ç客æ·ç«¯çå¼åå·¥ä½ãå端å¼åè è´è´£ä½¿ç¨HTMLãCSSåJavaScriptçææ¯æ建页é¢ï¼å®ç°ç¨æ·çé¢ç设计å交äºææãç¨æ·éè¿æµè§å¨æ移å¨åºç¨ä¸å端交äºï¼æç¥åæä½ç³»ç»çåç§åè½ã å端ï¼Backendï¼ï¼ å端æ¯ç³»ç»çæå¡å¨ç«¯ï¼è´è´£å¤çå端åéè¿æ¥ç请æ±ï¼æ§è¡ç¸åºçä¸å¡é»è¾ï¼å¹¶å°ç»æè¿åç»å端ãå端å¼å主è¦æ¶åå°æå¡å¨ç«¯çé»è¾åæ°æ®å¤çãå端å¼åè é常使ç¨æå¡å¨ç«¯è¯è¨ï¼å¦JavaãPythonãNode.jsçï¼åæ°æ®åºï¼å¦MySQLãMongoDBçï¼æ¥å¤çä¸å¡é»è¾ãæ°æ®åå¨åæ£ç´¢çä»»å¡ã å端åå端ååå·¥ä½ï¼éè¿ç½ç»éä¿¡å®ç°ç¨æ·åç³»ç»ä¹é´ç交äºãå端è´è´£åç°ä¿¡æ¯ç»ç¨æ·ï¼å端è´è´£å¤çå管çæ°æ®ãä¸å¡é»è¾ï¼å¹¶å°ç»æè¿åç»å端å±ç¤ºç»ç¨æ·ã 以ä¸å 容æ¯ç±çªå «æç½ç²¾å¿æ´çï¼å¸æ对æ¨ææ帮å©ã