页面类型与导航

摘自《web导航设计》 从导航的角度,可以把页面分成三类: 1. Navigational Pages: 不应太多,以免喧宾夺主。 常见导航页有:    a. 首页,一般提供网站结构导航,并用于品牌形象推广    b. Landing Page: 各栏目的“首页”    c. Gallery Page/Search Result Page: 电商常用。在这里应该尽量多给点详情信息。 2. Content Pages: 商品详情、博客正文等。 这里一般搞些关联导航,并提供功能性链接(如购买) 3. Function Page: 比如高级搜索、下单等。 这里文字少,表单交互多。

导航的目标

摘自《web导航设计》 1. Structural Navigation: 体现网站层级结构 2. Associative Navigation: 把相近、相关的东西放一起 3. Utility:  实用工具,比如每个页面的搜索框、语言-国家切换等 Structural Navigation的细节: 可细分为: 1. Global Navigation: 指向top-level pages, 顶部导航条一般干这个事 2. Local Navigation: 主栏目下的次级栏目。 一般作为pop-up menu或左侧垂直导航条。这里的链接不应该跳出本站,一般也不能跳出本主栏目 Associative Navigation的细节: 可细分为: 1. Contextual Links:  如页内链接(常见于wiki),Related Links等 2. Quick Links:  很重要、但又不大会出现在导航栏里的链接(如 “Quick Start”)

Mechanism of Navigation (网站导航的各种机制)

摘自《web导航设计》 网站导航有很多工具 1. Step/Page Navigation: 如“下一条博客”,“下一页” 2. Breadcrumb: 体现网站结构路径、或者你到达本页所走的路径、或者产品类目层次 3. Tree Navigation 4. Site Map 5. Directory/A-Z Index:  按字母序或某种逻辑排序的目录,如城市导航 6. Tag Cloud: 一堆tag, 让你点 7. Navigation bars and Tabs: 如顶部导航条 8. Vertical Menu: 如左侧导航栏 9. Pop-up menu:  鼠标放上去才会出现 10. Drop-Down menu:  用<select>标签实现的那种,很土 11. 浏览器内置机制:后退、前进等

php + mysql时的防注入

有两种办法,一是在写入前转义,二是使用mysqli扩展中的prepared statement 1. 写入前转义 // what’s 将变成 what\’s $title = mysql_real_escape_string($_POST[‘title’]); // 存到数据库后查看它,会变回what’s 2. prepared statement 待补充

ubuntu上安装xdebug并与eclipse pdt联合调试

安装xdebug 引用 $sudo apt-get install  php5-dev php-pear $sudo pecl install xdebug  ##装完后记下xdebug.so的位置 然后在php.ini里加上: 引用 zend_extension=/xxx/../xdebug.so [xdebug] xdebug.remote_enable=on xdebug.remote_handler=dbgp xdebug.remote_port=9000 配置eclipse pdt的debug 最后选择某个php页,然后右键=>debug as => php web application

eclipse + tomcat + maven 集成开发环境

eclipse + tomcat + maven 集成开发环境,满足:    1.对jsp的修改直接生效    2.改好代码后只需要点击启动tomcat,不需要执行mvn package等命令    网上搜了半天,完整的解决方案是:    0. eclipse要用jee版,并装好m2eclipse插件    1. 按 这个配置dynamic web module,将web root配成 src/main/webapp.    2. 在server窗口里新增tomcat并且将刚才的工程加进去。tomcat可能要7.0才行,具体版本 见: 这里    3. 设置context path为你想要的,否则context path将与你的project同名。 Project Properties => Web Project Settings => Context Root    4. 将maven所指向的依赖库纳入web module, 否则会报找不到类的错误.  Project Properties => Deployment Assembly => Add …

eclipse + tomcat + maven 集成开发环境 Read More »

jquery常用代码片断

<html> <head> <script src="/js/jquery.js"> </script> <script> $( document ).ready(function() { $("#btn").click(function( event ) { $.ajax({ url: "/xxx.htm", type: "get", dataType: ‘json’, data: "", success: function(json){ $("#lbl").text(json.userNmae); }, error:function(request, status, error){ alert("http code "+ status + "\n" + error + "\n" + request.responseText); } }); }); }); </script> </head> <body> <input type="button" id = "btn" value="Click …

jquery常用代码片断 Read More »

servlet + jsp常用代码片断

<!–xml中定义servlet–> <servlet> <servlet-name>login</servlet-name> <servlet-class>xxx.LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>login</servlet-name> <url-pattern>/login.do</url-pattern> </servlet-mapping> <!–JSP中指定编码–> <%@ page contentType="text/html; charset=UTF-8" %> //servlet里放东西到request中 request.setAttribute("userName", user.getName()); //从servlet转到jsp RequestDispatcher view = request.getRequestDispatcher("/view.jsp"); view.forward(request, response); <!–JSP中显示request中的变量–> <div> Hello, <%=request.getAttribute("userName")%> </div>

web app 的pom.xml 模板

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>yyy.zzz</groupId> <artifactId>xxx</artifactId> <packaging>war</packaging> <version>0.0.1-SNAPSHOT</version> <name>xxx Maven Webapp</name> <url>http://maven.apache.org</url> <dependencies> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.6</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> </dependencies> <build> <finalName>xxx</finalName> <plugins> <plugin> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>1.5</source> <target>1.5</target> <encoding>UTF-8</encoding> </configuration> </plugin> <plugin> <groupId>org.mortbay.jetty</groupId> <artifactId>maven-jetty-plugin</artifactId> <version>6.1.15</version> <configuration> <contextPath>/</contextPath> </configuration> </plugin> </plugins> </build> </project>