1.å端设计å¸è¦å¦ä»ä¹
2.thinkPHP分组后模板无法加载问题解决方法
å端设计å¸è¦å¦ä»ä¹
é®é¢ä¸ï¼ç½ç«å端å¼åé½éè¦å¦ä»ä¹å¢ï¼ HTML5å端å¼åå¦ä¹ çå 容ï¼
第ä¸é¶æ®µï¼å端页é¢éæï¼PC端ç½ç«å¸å±ãHTML5+CSS3åºç¡é¡¹ç®ãWebAPP页é¢å¸å±ï¼
第äºé¶æ®µï¼JavaScripté«çº§ç¨åºè®¾è®¡ï¼åçJavaScript交äºåè½å¼åãé¢å对象å¼åä¸ES5/ES6ãJavaScriptå·¥å ·åºèªä¸»ç åï¼
第ä¸é¶æ®µï¼PCç«¯å ¨æ 项ç®å¼åï¼jQueryç»å ¸ç¹æ交äºå¼åãHTTPåè®®ï¼Ajxaè¿é¶ä¸å端å¼åãå端工ç¨åä¸æ¨¡åååºç¨ãPC端ç½ç«å¼åãPC端管çä¿¡æ¯ç³»ç»å端å¼åï¼
第åé¶æ®µï¼ç§»å¨ç«¯é¡¹ç®å¼åï¼Touch端项ç®ã微信åºæ¯é¡¹ç®ãåºç¨Vue.jså¼åWebApp项ç®ãåºç¨Ionicå¼åWebApp项ç®ãåºç¨React.jså¼åWebAppï¼
第äºé¶æ®µï¼æ··åï¼Hybridï¼å¼åï¼å类混ååºç¨å¼åï¼
第å é¶æ®µï¼NodeJSå ¨æ å¼åï¼WebAppå端系ç»å¼åã
é®é¢äºï¼Webå端å¼å主è¦å¦åªäºï¼ äºè§£webå端
Webå端å¼åæ¯ä»ç½é¡µå¶ä½æ¼åèæ¥çï¼å称ä¸æå¾ææ¾çæ¶ä»£ç¹å¾ãå¨äºèç½çæ¼åè¿ç¨ä¸ï¼ç½é¡µå¶ä½æ¯Web1.0æ¶ä»£äº§ç©ï¼é£æ¶ç½ç«ç主è¦å 容æ¯éæ
çï¼ç¨æ·ä½¿ç¨ç½ç«çè¡ä¸ºä¹ä»¥æµè§ä¸ºä¸»ã年以åï¼äºèç½è¿å ¥Web2.0æ¶ä»£ï¼åç§ç±»ä¼¼æ¡é¢è½¯ä»¶çWebåºç¨å¤§éæ¶ç°ï¼ç½ç«çå端ç±æ¤åçäºç¿»å¤©è¦
å°çååãç½é¡µä¸ååªæ¯æ¿è½½åä¸çæååå¾çï¼åç§å¯åªä½è®©ç½é¡µçå 容æ´å çå¨ï¼ç½é¡µä¸è½¯ä»¶åç交äºå½¢å¼ä¸ºç¨æ·æä¾äºæ´å¥½ç使ç¨ä½éªï¼è¿äºé½æ¯åºäºå端æ
æ¯å®ç°çã说å¾ç´ç½ç¹å°±æ¯ç¾å·¥photoshopï¼äº¤äºè®¾è®¡ï¼flashï¼jsï¼html+cssãå°±å°è§æ¨¡å ¬å¸èè¨ï¼ä¸ä¸ªææ¯åé½å¾ä¼è¿å æ ·æè½ï¼è¿æ ·
å¾é»ç¼äººçï¼æ ¢æ ¢çä½ å°±ä¼æä¸ºå ¬å¸ç主åã大è§æ¨¡çå ¬å¸æè¿äºåå¾å¾ç»ï¼æ以ï¼ä½ å¯ä»¥ç²¾éä¸é¨ï¼çæå ¶ä»çï¼è¿åå¤§å ¬å¸ã
ç½é¡µå¼åå·¥å ·
å¦ä¹ webå端å¼åï¼ç½é¡µå¼åå·¥å ·æFrontPageï¼ä¼ç¨ Word
ç人å¾å®¹æå¦ä¼FrontPageãè¿æä¸ä¸ªå¸¸ç¨çæ¯Dreamweaverãè¿ä¸¤ç§é½æ¯ä½¿ç¨æå¤çHTMLç½é¡µå¶ä½å·¥å ·ï¼æ使ç¨çæ¯Dreamweaver
cs6,å 为è¿å¥è½¯ä»¶æä¾äºä¸å¥ç´è§çå¯è§çé¢ï¼èåäºhtml5ä¸äºæ°çå 容ãå æ¬ç½æ ¼å¸å±ä»ä¹çã
å¦ä¹ å 容
HTMLãCSSåJavaScriptãhtmlæ¯å 容ï¼cssæ¯è¡¨ç°ï¼javascriptæ¯è¡ä¸ºãå端å¼åçé¨æ§å ¶å®é常ä½ï¼ä¸æå¡å¨ç«¯è¯è¨å æ ¢å
å¿«çå¦ä¹ æ²çº¿ç¸æ¯ï¼å端å¼åçå¦ä¹ æ²çº¿æ¯å å¿«åæ ¢ãæ以ï¼å¯¹äºä»äºITå·¥ä½ç人æ¥è¯´ï¼å端å¼åæ¯ä¸ªä¸éçåå ¥ç¹ãä¹æ£å 为å¦æ¤ï¼å端å¼åçé¢åæå¾å¤èªå¦
æâæâçåè¡ãhtmlæ¯æåºç¡çï¼ç°å¨æµè¡çæ¯html5设计ï¼å å¦ä¼ç½é¡µå¸å±ãcssæ¯ç¨æ¥ç¾åhtml页é¢ç为页é¢æä¾å¸å±åæ ¼å¼ãæååå¦
javascriptãå¦æä½ ææ¯å¤©ççµå½±ãççµè§å§çæ¶é´ç¨æ¥å¦ä¹ ï¼ææ³ä¸ä¸ªææå ¥é¨æ¯æ²¡æé®é¢çã
åºç¡ç¥è¯ï¼
1. html + cssãè¿é¨åå»ºè®®å¨ w3school ä¸å¦ä¹ ï¼è¾¹å¦è¾¹ç»ï¼æ¯ç« åè¿æå°æµè¯ãä¹åå¯ä»¥æ¨¡ä»¿ä¸äºç½ç«åäºé¡µé¢ãæ¬ç«æä¾ç个人å客模æ¿yangqq/download/é½æ¯æ¯è¾ç®åçå页ï¼å¯ä»¥ä¸è½½ä¸æ¥æ¨¡ä»¿èªå·±åä¸ä¸ªãç解cssæ¯ä¸ªå ç´ çå±æ§ï¼æ ·å¼çå®ç°ä¸ä¸å®åªæä¸ç§åæ³ï¼å¤æ³ä¸æ³è¿æ没æä»ä¹éè¦æ¹è¿çå°æ¹ã
ãæ¡HTML代ç ç¼åæå·§ã
ãCSSç®ææç¨ã
ãDiv+CSS è§åæ´ç 以å注æé®é¢ã
2ãJavaScriptãä¸æ¯ææçç½é¡µé½å¿ é¡»æjsï¼ä½æ¯è¦æ³å®ç°ä¸äºè¶ é ·çåè½åçé¢çæ¶åï¼å°±éè¦æ¶åå°jsãå¦æ没æå ¶ä»ç¼ç¨è¯è¨çåºç¡çè¯ï¼å¦èµ·æ¥å¯è½è¦è´¹äºåï¼è¿æ¯å»ºè®®å å¨
w3schoolä¸å¦ä¹ ãä¹å建议马ä¸çãjavascriptè¯è¨ç²¾ç²¹ã
ãJSç»å ¸å®ä¾ã
3ãPhotoshopãflashãçæä¼ä¸ç¹å¿å°±è¡äºï¼æ²¡å¿ è¦å ¨é¨é½å¦å¾ç²¾éï¼å½ç¶å¦æä½ å¨å¦ä¹ çè¿ç¨ä¸ï¼åç°ä½ psæè flashæ¯è¾æå ´è¶£çè¯ï¼ä¹å¯ä»¥å°è¯åç¾å·¥è¿ä¸è¡ã
4ãhtml5åcss3ãå¯ä»¥å äºè§£ä¸ä¸ï¼ç¶ååå ¥æãæ¯ç«IEçæµè§å¨å¤§å¤è¿ä¸æ¯......>>
é®é¢ä¸ï¼ç½ç«å端工ç¨å¸éè¦å¦ä¹ åªäºç¥è¯ ææ¡åç§ä¿®å¾è½¯ä»¶ï¼å¦PS\Fireworks\AIï¼ä¸è¦æ±ä¸ä¸è®¾è®¡å¸æ°´å¹³ï¼ä½è¦ä¼ç¨ä¼æ¹ï¼ä»å¤©æ¯ä¸ä¸å¤è½çæ¶ä»£ï¼å ä¼ç¼ç¨è®¨ä¸å¥½é¥ç¢çï¼
ç²¾éJavaScriptãjQueryãExtJSç页é¢æææ¡æ¶ï¼è¿æ¯å端工ç¨å¸çææ ¸å¿æè½ï¼æ¯ä¸å页é¢ææçææ¯ãå ¶å®ç²¾éäºJavaScriptï¼å端ç¼ç¨è¯è¨ï¼å¦.NETãPHPãRubyé½å¾å®¹æææ¡ï¼å ä¸ºå ¶åçæ¯ä¸æ ·çï¼
ç²¾éä¸äºç§æ¨¡æ¿è¯è¨ï¼å¹¶è½ä¿®æ¹ï¼å¦ç»æ¢¦æwordpressç模æ¿ï¼
ææ¡thinkphpä¸zendæ¡æ¶ï¼è½ä¿®æ¹æ¤ç±»å¼æºæºç ï¼
ææ¡html5ä¸senchaï¼è¿æ¯åææºç移å¨è®¾å¤ç页é¢å端ææ¯ï¼
ææ¡ä¸äºç§å端ç¼ç¨è¯è¨ï¼å¦PHPã.NETãJAVAï¼è½è¯»æå端æºç ï¼å®é ä¸å ¶åçè·JSå·®ä¸å¤ï¼
ææ¡node.jsï¼çæåç§èªå¨åé¨ç½²å·¥å ·ï¼
ææ¡FLASHï¼è½å¶ä½åºå¨æfæashç¸åï¼ä¼Flash AS3.0ç¼ç¨ã
é®é¢åï¼å¦WEBå端å¼åéè¦æ³¨æä»ä¹,æåªäºæè½éè¦å¦ä¹ ? WEBå端å¦ä¹ åºç¶å¾éè¦,é¤äºææ¯çæ´æ°ä¹å¿«,æ们ä¹åºè¯¥æ£ç¡®è®¤è¯å端,ç»ä½ å享æçä¸ä¸ªç»éªåå¿å¾å¸æå¯¹ä½ æè 大ä¼æ帮å©ãæå¼å§æ¯å¨æ 课ç½å¦çï¼å®æ¯ä¸ä¸ªå è´¹å¦ä¹ ç½ç«ï¼ç½ç«è¯¾ç¨ä¸ºçè§é¢ï¼å¦ä¹ å 容åºæ¬é½æ¯å®ææ§å¾å¼ºçæ¡ä¾è¯¾ç¨ã
é®é¢äºï¼å端å¼åå·¥ç¨å¸éè¦å¦ä¹ ä»ä¹ç¥è¯ HTML CSS JAVASCRPT è¿æ¯åºæ¬çå端ææ¯ï¼å½ç¶æäºå端ææ¯ä¹æ¯å¾å¿ è¦çï¼PHP JSP ASPâ¦â¦å端工ç¨å¸éè¦çç¥è¯é¢é常广
é®é¢å ï¼å¦UI设计è¿æ¯webå端å¼åï¼ ä½ å¯ä»¥ç»åä¸ä¸ï¼å å¦UI设计ï¼å 为ç°å¨UI设计çæèå¼å§éæ±HTML5ææ¯ï¼å¦æä½ å¦UIå¯ä»¥å¦ä¹ ä¸äºHTMLãCSSãJSçææ¯ï¼ä¸éè¦ä½ å®å ¨ææ¡ï¼ä½è½ä¼çè¯æ´å¥½ï¼åå°æ»åç®å ¶å®ææè§æºæ¯ç¥ï¼ä¸æ¯è¯´ä½ å¯ä»¥éå¿æ欲çå»ååå°çã
é®é¢ä¸ï¼æ¯è¯¥å¦UI设计 è¿æ¯Web å端å¼åå¢ï¼ æ¬äººå端ï¼å·¥ä½ä¹æäºæ¶åäºï¼è·UIä¹æ¥è§¦å¾å¤ï¼å¨è¿å°±é便说两å¥å§ã
å ¶å®ä½ è¿ä¸ªé®é¢å°±ä¸æ¯å«äººè½å¸®ä½ 解ççï¼UIåWEBé½æ¯ä¸éçæ¹åï¼æ 论åªä¸ªæ¹åï¼é½è¦çä½ èªå·±å好çæ¯åªæ¹é¢ãUIä¼è¦æ±ä½ çè²å½©æï¼è®¾è®¡ææ¯è¾å¼ºï¼èWEBåè¦æ±ä½ çé»è¾æ§åæç»´æ§æ¯è¾å¼ºã两è é½ä¸ç®åï¼èä¸ä¸¤è é½å¾ç¼ºä¹äººæï¼è¿éç缺ä¹å¹¶ä¸æ¯è¯´çç缺å°äººï¼èæ¯ç¼ºä¹ä¸é«ç«¯äººæãå 为大家åºæ¬é½æ¯å¦ä¸éµï¼å¨å·¥ä½ä¸éµåå°±æ¾å¼äºï¼å¾å°æè½åæä¸å»çã
UIçå¦ä¹ æå°±ä¸å¤ªè¯´äºï¼æ¯ç«ä¸æ¯ä¸ä¸çï¼æ误人åå¼ã
webçå¦ä¹ æ»ç»æ¥è¯´å°±æ¯åæåé¾ï¼å ¥é¨æ¯è¾ç®åï¼ä¼html+css+ç®åçjs交äºå°±å¯ä»¥äºï¼è¿ä¸ªæ¶åä¹å¯ä»¥è¯´å ¥é¨äºï¼ä½ ä¹è½æ¿å°ä¸ä»½ä¸è¬çèªèµå·¥ä½ãèå¨å¾æ·±å ¥çè¯ï¼è¿è¦å¦ä¹ 设计模å¼ï¼oopï¼mvcççï¼ä»¥ååç§æ¡æ¶ï¼ç»è¿è³å°2-3å¹´çæ¶é´ï¼æå强è½å«åå端å¼åå·¥ç¨å¸ï¼è³äºå¨å¾åå°±è¦ç个人æ¹åäºï¼å¯ä»¥å¦ä¹ å é¨å端è¯è¨ï¼æä¸ºå ¨ç«¯äººæï¼ä¹å¯ä»¥å¨å端é¢åä¸ç´æ·±å ¥ç 究ã
好äºï¼å°±è¿æ ·å§ã
é®é¢å «ï¼ç½é¡µè®¾è®¡å¦è¦å¦ä¹ ä»ä¹webå端å¢ï¼äºè æä½ä¸åãé½è¦å¦ä¹ ä»ä¹ å ç½é¡µè®¾è®¡ç主è¦å 容æ¯è®¾è®¡ç½é¡µï¼å°±æ¯ååºç½é¡µçpsdæ件ï¼æ¯å¾çã
webå端ç主è¦å·¥ä½æ¯æpsdæ件åæä¸å¼ ç½é¡µï¼å°±æ¯æå¾çåæç½é¡µçè¿ç¨ã
å 为工ä½æ¯ç«æ¯è¦å个å²ä½çåäºäºç¸åä½çï¼æ¯å¦åå¾çå·¥ä½ï¼å¯è½ææ¶åä¼æ¯è®¾è®¡æpsdçå¾ç»å好äºç»å端工ç¨å¸ï¼ä»ä»¬åªè¦è´è´£åcsså°±å¯ä»¥äºã
æ以说ç½é¡µè®¾è®¡ä¸»è¦å¦ä¹ çè¯å®æ¯è®¾è®¡ç½é¡µï¼è³äºwebå端çç¥è¯å¦äºæ»æ¯ä¸å¦å¥½ã
å¸æè½å¸®å°ä½ ï¼
é®é¢ä¹ï¼webå端å¼åé½éè¦å¦ä»ä¹ï¼ æè¿æ¯äºè§£ç
é®é¢åï¼è®¾è®¡å¸è¯¥å¦ä½å¦ä¹ å端 ä»é¶åºç¡å¼å§å¦ä¹ ï¼é¦å å°±æ¯åºæ¬çç½ç«æ¯è¯ï¼ç½ç«çå·¥ä½åççç è¿äºä½ æ¯éè¦ç¥éï¼
ç¶åå°±æ¯ä»åºç¡çhtml å¼å§ å æ¬htmlçåºæ¬æ è®° div css æ ·å¼ é¡µé¢çæçå¸å± æµ®å¨ å®ä½è¿äº æ¯éè¦äºè§£çï¼è¿äºæ²¡æé®é¢äº å¯ä»¥å¦ä¹ JS H5 ååºå¼é¡µé¢ å移å¨ç«¯ççé¢å¶ä½ 以åä¸äºæ¯ä»·å¥½çæ¡æ¶çç
è¿ä¸ªè¯¾ç¨å¤§çº² å 容é½å¸åºç¡çéç¹ç¥è¯ï¼å¯ä»¥åèä¸ä¸ãä¸è¿ä¹å没ææ¥è§¦è¿è¿æ¹é¢ å¦ä¹ æ¯æ¯è¾å°é¾ ç ï¼å°¤å ¶å ¥é¨å°±éè¦æ¯è¾é¿çæ¶é´ãå 为æ³å ¥è¿ä¸è¡ é¦å éè¦æäººå¸¦ä½ å ¥é¨ ï¼éè¦å ¨é¢ç³»ç»çæ¯å¤©åææ¥å¦ä¹ ã
thinkPHP分组后模板无法加载问题解决方法
本文分析了thinkPHP分组后模板无法加载问题解决方法。分享给大家供大家参考,具体如下:
一个分组简要的目录结构如下图所示:
默认分组配置为Home。当访问localhost/server/时可以正常访问前台,gjson源码解析localhost/server/home/Index/index也能正常访问。
但是清航源码,localhost/server/admin却不能加载tpl页面,但是能够访问到控制器(localhost/server/admin/Index/index能访问,display不出页面)。
解决:
修改后台导入文件:
import("ORG.Util.Cookie",'./App/Lib');
由于分组后,一些公共包放在了外面,不能使用原来的:
import('@.ORG.Util.Cookie');
进行导入。
由于前台Home目录下面要做手机页面,ai源码资料进行了TPM的一些配置:
'LAYOUT_ON'
=>true,
这个参数设置之后,Tpl下面需要有一个layout.html文件,不然display显示不出页面,邵阳成品源码可以在Admin目录的Tpl下增加一个layout.html文件,这样可以显示。修改配置参数也可以,uniapp源码网站在Admin目录下的config.php中加入:
'LAYOUT_ON'
=>false,
这样前台页面仍然正常。后台也可以正常显示。
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《ThinkPHP常用方法总结》、《php操作office文档技巧总结(包括word,excel,access,ppt)》、《PHP中cookie用法总结》、《smarty模板入门基础教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。