距離第一天去實習過去了56天 ::寫寫自己的想法
阿新 • • 發佈:2017-05-19
mce clas 互聯 inf 頁面 alert 綠色 htm data
1.從前端說起
HTML從最初的那些標簽,什麽都不懂,<br> 等 不懂<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選擇器
<pid="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
- JSONObject Json = new JSONObject();
- JSONArray JsonArray = new JSONArray();
- Json.put("key", "value");//JSONObject對象中添加鍵值對
- JsonArray.add(Json);//將JSONObject對象添加到Json數組中
_
用array.toString()可以在java中的console打印出那個數組[ ]
在js中用console.log() 可以打印出字符串或者是變量
距離第一天去實習過去了56天 ::寫寫自己的想法