1. 程式人生 > >距離第一天去實習過去了56天 ::寫寫自己的想法

距離第一天去實習過去了56天 ::寫寫自己的想法

mce clas 互聯 inf 頁面 alert 綠色 htm data

1.從前端說起

HTML從最初的那些標簽,什麽都不懂,<br> &nbsp; 等 不懂<head><body> 這些簡單的標簽

HTML就最為印象深刻的是:

<input type=button value="點擊" onclick=function() > 然後寫調用的js函數

<input type="text" id="lcy"> 然後$("#lcy").click(function(參數為空){

然後具體寫功能了!

})

$("#lcy") 就是對象了,然後對象調用方法,與此對應的還有document.getElementById("lcy")

window.onlod 或者是 window.alert() 在面向對象程序設計中,都是由對象調用方法。對象是一切動作的發起者

——————————————————————————————— ———————————

2.CSS的用法

css的基本長相如下:其中的原子元素用分號進行分隔,最後用{ }圍起來,亦是 { }裝的 ;分隔的原子元素

p {
  text-align: center;
  color: black;
  font-family: arial;
}

#green {color:green;}    ID選擇器
<p id="green">這個段落是綠色。</p>  

<p class="center">       類選擇器
This paragraph will also be center-aligned.
</p>
.center {text-align: center}

——————————————————————————————————————————————————————————————
3.前端中最為感到精華的是 js jquery ajax json bootstrap 等的應用
56天前對這些都是一無所知的
在CSS中用<style>標簽進行包含的 JS用 <script> 標簽進行包括的 或者單獨成立一個文件


3.1  js的應用
底層函數的實現

function assign(groupId,groupName,userName){
  具體的功能;
}

按鈕
$("#btn").assign("1","1","lcy")
  
——————————————————————————————————
阿賈克斯進行參數的傳遞,{ } 放的是由鍵值對組成的原子組件,用逗號分隔 , 主要在{ } 中放的基本都是逗號分隔開的東西
$.ajax({
  url : lst_url+dgs/User.go,
  data: {
       userId : userId ,
       userName: userName
    }
success : function(){
        console.log("成功了");        }
})

——————————————————————————————————————————————————————————————————————————————
JSONArray 是用[ ] 包含的,逗號分開的

比如 row = ["userId":"1","userName":"lcy"]
通過row[0].userId 可以得到 1

[
{ "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻譯" ] },
{ "name":"Runoob", "info":[ "菜鳥教程", "菜鳥工具", "菜鳥微信" ] },
{ "name":"Taobao", "info":[ "淘寶", "網購" ] },
12334,
”hello”,
[1,"1",{"name":"lcy","sex":24}]
]

將上面的數組賦值給 myObj ,通過索引可以得到數組的元素
myObj.sites[1]

————————————————————————————————————————————
另外一種形式是:{ } 裏面放入一些鍵值對key:value 是一個整體,然後用都好進行分開,最後可以通過鍵得到值的內容

————————————————————————————————————————————————————————————————————————
學到的AJAX都是通過url和後臺服務器java程序進行互聯的
url中有個.go? 通過 web-context.xml 配置文件 找到那個類 ,[email protected] 映射到那個方法
還學到了後臺java程序打斷點
通過阿賈克斯傳過來的程序;url請求是這樣的, dgs/metaseacrch/queryUser.go? userId="1"&userName="lcy"
可以通過HttpServletRequest類中的getParamter方法獲得值
如: String userId = request.getParamter("userId");
就可以得到1,通過這種方法就將前臺頁面中數據傳到了後臺,
要想將傳遞過來的useId userName groupID 寫入數據庫(從AJAX就傳遞過來這3個小東西)
還的依靠java程序

java數據中常用的存放數據的容器ArrayList JSONArray
  1. JSONObject Json = new JSONObject();
  2. JSONArray JsonArray = new JSONArray();
  3. Json.put("key", "value");//JSONObject對象中添加鍵值對
  4. JsonArray.add(Json);//將JSONObject對象添加到Json數組中
_

用array.toString()可以在java中的console打印出那個數組[ ]
在js中用console.log() 可以打印出字符串或者是變量





距離第一天去實習過去了56天 ::寫寫自己的想法