导航的目标

摘自《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>

maven web app目录结构对应的build.xml

maven ant插件生成的build.xml还是会依赖maven 我在maven生成的build.xml上改了改,去掉了maven依赖: <?xml version="1.0" encoding="UTF-8"?> <project name="showcase" default="war" basedir="."> <!– ====================================================================== –> <!– Build environment properties –> <!– ====================================================================== –> <property file="build.properties"/> <property name="build.finalName" value="showcase"/> <property name="build.dir" value="target"/> <property name="build.outputDir" value="${build.dir}/classes"/> <property name="build.srcDir" value="src/main/java"/> <property name="build.resourceDir" value="src/main/resources"/> <!– ====================================================================== –> <!– Defining classpaths –> <!– ====================================================================== –> <path id="build.classpath"> <fileset dir="compile-lib"> <include name="*.jar"/> </fileset> …

maven web app目录结构对应的build.xml Read More »