發表文章

目前顯示的是 4月, 2014的文章

[angularjs] 邊做邊學 2 Html bind Html &Html bind JS

1.          Html bind Html Live demo :http://jsbin.com/doguv/1/ 說明 :                原始碼有注解，看懂直接跳到下一個章節，若看不懂繼續。         <html ng-app>         此段的用意式宣告此份文件 ( 區塊 ) 為 angularJS 所管轄之文件，也可以宣告在其他 TAG 底下例如 div, 只有在這個區塊才會被 angular 所解譯 。 <h3>Hello {{ name||'Angular' }}</h3>         顯示 H3tag 且內容為 name( 透過 angular 所綁訂 ) 若 name 為空值則帶入 Angular <input type="text" ng-model="name">         透過 ng-model 去綁訂 name <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.15/angular.min.js"></script>         使用 cdnjs 所提供的 angularJS ，也可以逕自到其他有提供 JS LIB 的地方去撈 angular 2.          Html bind JS Live demo :http://js...
張貼留言
閱讀完整內容

[angularjs] 邊做邊學 1

圖片
簡介 Angular JS 為一款前端 MVC 架構分離的套件，由 google 所開發的 opensourse 套件。並由於他已經幫妳寫好 Data-Binding ，所以網頁的資料會隨著 javascript 內的變數值不同而隨之改變 AngularJS V.S. Jquery 這兩者都是神器，但是是不同類型的東西，一個是物件導向，一個是 MVC Jquery 可以很直覺得對 dom 進行操控，並擁有廣大的社群所累積的 plugin ，已經是套相當成熟的一套網頁的寫作方法。 AngularJS 則是以 MVC 使得資料介面可以切得更漂亮更完善的一套方法，並且因為 Data-Binding 更可以使程式碼寫得更簡潔。 若習慣 JQ 寫作方法的人不仿看看以下這個影片，就能了解到他的強大。其實也就是少寫很多冗長的程式碼。 https://www.youtube.com/watch?v=tnXO-i7944M 以下邊做邊學綱要如下，不過基本上都是看上述影片所寫的相關內容。 1.   簡介 2.   Html bind Html&    Html bind JS 3.   Event 4.   Table 5.   Angular MVC 6.   簡易 CRUD 7.   表單驗證 Form volidata  參考 : Dan Wahlin - AngularJS in 20ish Minutes - NG-Conf 2014 https://www.youtube.com/watch?v=tnXO-i7944M Angularjs Tutorial for Beginners - learn Angular.js using UI-Router https://www.youtube.com/watch?v=QETUuZ27N0w
張貼留言
閱讀完整內容

[json]basic json

圖片
Json 多用於資料傳輸，因為結構簡單所以近年頗多人使用，且具跨平台 web 、 java etc. 特性。跨平台時基本上是不大的問題。 格式介紹       Basic 1.       format{} 使用 json 中 value 用大括號 array則是中括號        Value 1.       fomat {name:value} 2.       sample {                 regionName: 台北市 ,                 regionEnName:Taipei }      regionName 為該區域之名稱         regionEnName 為該區域之英文名稱 Array 1.       format [ {id:1},{id:2}] 2.       sample {           [                   {       ...
閱讀完整內容

[jquery] 自訂外掛

本篇教學教您如何建立自己的 JQuery  plugin 1.       宣告自訂 plugin (function($) { //city 為自訂 plugin 名稱 $.fn.city = function(objectData) {      //do something }; })(jQuery); 2.       SAMPLE             範例 1: http://jsbin.com/kubafime/5/            範例 2: http://plnkr.co/edit/dTmk2GPex2f6ImWPnnxi?p=preview           有問題再留言問我吧XDDD        
閱讀完整內容

[基礎]JSP與MYSQL連線

 此段語法用於測試是否連線，並SELECT出DB的時間。 <%@page import="java.sql.DriverManager"%> <%@page import="java.sql.ResultSet"%> <%@page import="java.sql.Connection"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <%      //資料庫連線資訊編碼方式為utf-8      String url = "jdbc:mysql://localhost:3306/testdb?characterEncoding=utf8&useUnicode=true";      //帳號      String account = "account";      //密碼      String pass = "passs";     //連線     Connection con = null;     //查詢結果     ResultSet rs = null;     //sql     String sql = ""; %> <%     try {             Class.forName("com.mysql.jdbc.Driver");             con = DriverManager.getConnection(url,account,...
張貼留言
閱讀完整內容
Welecome come to here, this recode somthing about my coding road.
張貼留言
閱讀完整內容