首页 > 代码库 > 距离第一天去实习过去了56天 ：：写写自己的想法

距离第一天去实习过去了56天 ：：写写自己的想法

2024-09-23 07:29:25   215人阅读

1.从前端说起

HTML从最初的那些标签，什么都不懂，<br>  &nbsp; 等 不懂<head><body> 这些简单的标签

HTML就最为印象深刻的是：

<input type=button  value="http://www.mamicode.com/点击" 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 配置文件 找到那个类 ,然后@requestMapping 映射到那个方法
还学到了后台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.   
  4. Json.put("key", "value");//JSONObject对象中添加键值对  
  5. JsonArray.add(Json);//将JSONObject对象添加到Json数组中 
_
用array.toString()可以在java中的console打印出那个数组[ ]
在js中用console.log() 可以打印出字符串或者是变量





距离第一天去实习过去了56天 ：：写写自己的想法


联系
我们