1. AngularJS学习笔记04 路由

    Ajax的不足

    • Ajax请求不会留下History记录
    • 用户无法直接通过URL进入应用中的指定页面(保存书签、链接分享给朋友)
    • Ajax对SEO是个灾难

    以上是为什么需要前端路由的原因

    路由

    需要自己导入angular-route模块。

    <script src="framework/angular1.3.15/angular.min.js"></script>
    <script src="framework/angular1.3.15/angular-route.min.js"></script>
    <script>
    var bookStoreApp = angular.module('bookStoreApp',
     ['ngRoute', 'bookStoreCtrls']);
    
    bookStoreApp.config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/hello',{
                templateUrl:'tpls/hello.html',
                controller ...
    Tagged as : Angular Web
  2. AngularJS学习笔记03 双向数据绑定

    内容简介:

    • 简单的例子
    • 取值表达式和ng-bind指令
    • 双向绑定的典型场景-表单
    • 动态切换标签样式
    • ng-show, ng-hide
    • ng-class
    • ngAnimate

    双向数据绑定

    <!DOCTYPE html>
    <html ng-app="UserInfoModule">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>数据绑定</title>
            <link rel="stylesheet" href="stylesheets/bootstrap.min.css">
        </head>
        <body ng-app>
            <div class="panel panel-primary">
                <div class="panel-heading">双向数据绑定</div>
                <div class ...
    Tagged as : Angular Web
  3. AngularJS学习笔记02-路由、模块和依赖注入

    内容简介:

    • AngularJS的模块化实现
    • 一个完整项目结构
    • 使用ngRoute进行视图之间的路由
    • 一切都是从模块开始的
    • ng官方推荐的模块切分方式是什么?
    • 模块之间的依赖该怎么做?--依赖注入

    1. 模块

    模块就是功能的集合

    2. 目录结构

    BookStore
    |-app
        |-css
        |-img
        |-js
            |-app.js
            |-controllers.js
            |-directives.js
            |-filters.js
            |-services.js
        |-framework
        |-tpls//模板
        |-index.html
    |-node_modules
    |-package.json
    

    3. ngRoute进行视图之间的路由

    var bookStoreApp = angular.module('bookStoreApp',
     ['ngRoute', 'ngAnimate', 'bookStoreCtrls', 'BookStoreFilters',
     'bookStoreServices', 'bookStoreDirectives']);
    
    bookStoreApp ...
    Tagged as : Angular Web
  4. AngularJS学习笔记01-MVC

    0. 第一个AngularJs应用

    <!DOCTYPE html>
    <html ng-app>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>AngularJs Demo</title>
        <script src="bower_components/angularjs/angular.min.js"></script>
    </head>
    <body>
        <input type="text" ng-model="name"><br>
        <p>hello, {{name}}</p>
    </body>
    </html>
    

    1. 为什么需要MVC?

    MVC只是手段,终极目标是模块化与复用。

    2. 控制器(ng-controller)

    <body ...
    Tagged as : Angular Web
  5. Java Web开发技术应用-过滤器

    1. Java过滤机制-声明周期

    images/java-web-filter-01.png

    2. 第一个过滤器

    1、创建一个过滤器类 ,继承自servlet下的Filter 2、重写三个方法init() doFilter() destroy()方法 (1)init()初始化:这个方法可以读取web.xml文件中的过滤器初始化参数。通过参数FilterConfig arg0可以获取更多参数 (2)doFIlter()核心:完成实际的过滤操作。当用户请求访问与过滤器【关联的URL】时,Web容器将先调用过滤器的doFilter方法,FilterChain arg2参数可以调用chain.doFilter方法,将请求传给下一个过滤器(或目标资源),或利用转发,重定向将请求转发给其他资源。 (3)web容器在消耗过滤器前调用该方法,用于释放过滤器占用的资源。(大多数情况用不到)

    2.1 定义Filter

    package liulx.FilterDemo;
    
    import javax.servlet.*;
    import java.io ...
    Tagged as : Java Web
  6. Java Web之Servlet-02 应用MVC架构实现项目

    1. 获取初始化参数

    <servlet>
        <init-param>
            <param-name>username</param-name>
            <param-value>admin</param-value>
        </init-param>
        <init-param>
            <param-name>password</param-name>
            <param-value>123456</param-value>
        </init-param>
    </servlet>
    
    在servlet的init()方法中获取初始化的值:
    this.getInitParameter("username");
    this.getInitParameter("password");
    
    Tagged as : Java Web Servlet
  7. Java Web之Servlet-01 Servlet基础

    1. Servlet概述

    jsp前身就是servlet,Servelet是在服务器上运行的小程序。 一个Servlet就是一个Java类,并且可以通过“请求-响应”编程模型来访问的这个驻留在服务器内存里的Servlet程序。

    2. Tomcat容器等级

    Tomcat在大多数情况下充当servlet的容器,也就是说:在写完JSP代码后进行第一次执行时,tomcat(servlet容器)先将JSP代码翻译成servlet类(java代码),然后实例化该类,再调用该类的init,service,destory等进行生命周期服务。当客户端再进行第二次访问请求时,此时就没有servlet容器的翻译这一步了,因为之前翻译的java代码会一直保存,以便于后面的访问不再进行翻译,可大大提高访问效率。所以,JSP页面在第一次被访问时,其所花费的时间是最长的。 最主要的方法就是init,service和destroy,它们是servlet对象的生存周期,当一个页面被编译成servlet类,再进行实例化后,这个页面就开始了真正的生命周期,servlet容器会先加载init方法进行初始化,初始化后才可进行接收和相应客户端的消息,之后容器会再加载service,这部分就是真正相应客户端请求的实现逻辑,它实现客户端的请求响应,然后动态生成HTML页面显示到客户端;而destory方法则是在servlet生命周期即将结束时进行的清理工作。

    java-web-servlet-01

    3. 手工编写第一个Servlet

    1. 继承HttpServlet
    2. 重写doGet()或者doPost():右键->source- ...
    Tagged as : Java Web Servlet
  8. Java Web之JSP-07 综合案例

    1. JDBC DBHelper

    package util;
    
    import java.sql.Connection;
    import java.sql.DriverManager;
    
    public class DBHelper {
    
        private static final String driver = "com.mysql.jdbc.Driver"; //数据库驱动
        //连接数据库的URL地址
        private static final String url="jdbc:mysql://localhost:3306/shopping?useUnicode=true&characterEncoding=UTF-8"; 
        private static final String username="root";//数据库的用户名
        private ...
    Tagged as : Java Web JSP

Page 1 / 3