江苏大学通信综合课程设计.docx
《江苏大学通信综合课程设计.docx》由会员分享，可在线阅读，更多相关《江苏大学通信综合课程设计.docx（18页珍藏版）》请在冰点文库上搜索。
江苏大学通信综合课程设计
JIANGSUUNIVERSITY
通信综合课程设计报告
学院名称：
计算机科学与通信工程学院
专业班级：
学生姓名：
学生学号：
指导教师：
2014年1月10日
一、课程设学习内容
1、Android开发环境搭建
1.1Android开发准备工作
配置Android开发环境之前，首先需要了解Android对操作系统的要求。
它可以使用XP及以上版本、MacOS、Linux等操作系统。
Android开发所需软件包括：
JDK、Eclipse、AndroidSDK、ADT。
1.2安装JDK和配置Java开发环境
1）登录http:
，下载最新版JDK。
2）安装JDK，安装包中包含了JDK和JRE两部分，建议将它们安装在同一个盘符下。
双击安装程序，选择安装的目录，点击“下一步”，等待安装程序自动完成安装即可。
3）右键单击“我的电脑”，选择“属性”菜单项，选择“高级”选项卡，选择“环境变量”，找到“Path”变量名（如果没有就新建一个名为“Path”的变量），点击“编辑”按钮，添加JDK安装目录中的“bin”文件夹路径。
然后点击“确定”按钮完成。
再找到“CLASSPATH”变量（如果没有，同样可以新建），输入JDK安装目录中“lib”以及“demo”的路径，单击“确定”按钮完成。
4）安装配置完成之后，测试是否安装成功。
点击开始→运行，输入“cmd”，打开命令行模式。
键入命令“java-version”，检测JDK是否安装成功。
1.3Eclipse的安装
Eclipse的安装非常简单，直接将下载的压缩包解压即可。
1.4SDK和ADT的安装和配置
AndroidSDK安装
1）解压缩下载好的SDK安装包到要安装SDK的路径，然后运行SDKSetup.exe。
2）点击“InstallSelected”按钮，安装选中的软件包，在接下来出现的界面中依次点击“AcceptAll”单选按钮和“InstallAccepted”按钮，开始下载所选的安装包。
下载完成之后，根据提示即可完成后续的安装操作。
1.5创建HelloWorld项目
1）打开Eclipse开发工具，新建一个项目，选择“AndroidApplicationProject”子项。
2）在“Projectname”文本框中输入“HelloWorld”，接下来默认设置，点击“Next”按键，最后单击“Finish”按钮，完成Android项目的创建。
3）HelloWorld项目已经创建好，这个项目是由之前安装的ADT插件自动生成，不用编写代码即可运行。
1.6运行HelloWorld及模拟器的使用
1）打开“AndroidSDKandAVDManager”。
2）点击左边的“VirtualDevice”选项，再点击右边的“New...”按钮，新建一个AVD。
3）在“Name”标签处填写AVD的名字，在“Target”标签处选择API等级，在“Size”标签处填写要创建的SD卡的大小，在“Skin”标签中设置模拟器的风格。
保存设置。
4）选择设置好的虚拟器，单击“start”→单击“Launch”即可运行HelloWorld项目，等待模拟器启动。
2、jQueryMobile简介
jQueryMobile是一个用来构建跨平台移动Web应用程序的新UI框架，具有使用简单的特点。
在短短几分钟内，可以创建出能够在当今可用的近乎所有手机、平板电脑、台式机和电子阅读器设备上运行的优化移动应用程序（app）。
通过一个jQueryMobile代码库，我们几乎可以为所有消费者创建统一标准的体验。
当Web设计人员或开发人员需要一个简单的框架来开发丰富的移动Web体验时，jQueryMobile就成为理想之选。
而且这个丰富的移动体验并不局限与Web。
jQueryMobileapp也可以使用混合技术来编译，从而将它分发在开发者最喜欢的本地app商店。
jQueryMobile的重要特性：
带有浏览器的所有设备都可以访问jQueryMobileapp，而且这些app在优化之后可以在当今几乎所有可用的手机、平板电脑、台式机，以及电子阅读器设备上运行。
jQueryMobile应用程序也可以利用我们在Web上已经相当习惯的及时部署能力。
一个jQueryMobile代码库可以在所有可以支持的平台上呈现出一致性，而且无需进行自定义。
与为每一个OS或客户端构建app相比，这是一种费用相当低廉的解决方案。
jQueryMobile是一个简化的标记驱动的框架，Web设计人员和开发人员对这样的框架并不陌生。
但是，开发者可以用100%的标记来构建jQueryMobileapp。
jQueryMobile利用日渐增强的技术为所有的A级设备提供了非常丰富的用户体验，同时为较老的C级浏览器提供了非常实用的用户体验。
jQueryMobileUI可以根据设备的不同尺寸进行呈现，其中包括电话、平板电脑、台式机或电视。
jQueryMobile支持主题化的设计，这使得设计人员能够在全局快速地重新设计他们的UI。
所有的jQueryMobile应用程序都是508兼容的。
2.1jQuery语法
jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。
基础语法是：
$（selector）.action（）
美元符号定义jQuery
选择符（selector）“查询”和“查找”HTML元素
jQuery的action（）执行对元素的操作
示例
$（this）.hide（）-隐藏当前元素
$（"p"）.hide（）-隐藏所有段落
$（".test"）.hide（）-隐藏所有class="test"的所有元素
$（"#test"）.hide（）-隐藏所有id="test"的元素
1）文档就绪函数
所有jQuery函数位于一个documentready函数中：
$（document）.ready（function（）{
---jQueryfunctionsgohere----
}）;
这是为了防止文档在完全加载（就绪）之前运行jQuery代码。
如果在文档没有完全加载之前就运行函数，操作可能失败。
下面是两个具体的例子：
试图隐藏一个不存在的元素
获得未完全加载的图像的大小
2.2jQuery选择器
学习jQuery选择器是如何准确地选取希望应用效果的元素。
jQuery元素选择器和属性选择器允许通过标签名、属性名或内容对HTML元素进行选择。
选择器允许对HTML元素组或单个元素进行操作。
1）jQuery元素选择器
jQuery使用CSS选择器来选取HTML元素。
例：
$（"p"）选取
元素。
$（"p.intro"）选取所有class="intro"的
元素。
$（"p#demo"）选取所有id="demo"的
元素。
2）jQuery属性选择器
jQuery使用XPath表达式来选择带有给定属性的元素。
例：
$（"[href]"）选取所有带有href属性的元素。
$（"[href='#']"）选取所有带有href值等于"#"的元素。
$（"[href!
='#']"）选取所有带有href值不等于"#"的元素。
$（"[href$='.jpg']"）选取所有href值以".jpg"结尾的元素。
3）jQueryCSS选择器
jQueryCSS选择器可用于改变HTML元素的CSS属性。
2.3jQuery事件
1）jQuery事件函数
jQuery事件处理方法是jQuery中的核心函数。
事件处理程序指的是当HTML中发生某些事件时所调用的方法。
术语由事件“触发”（或“激发”）经常会被使用。
通常会把jQuery代码放到
部分的事件处理方法中：
例：
type="text/javascript"src="jquery.js">
$（document）.ready（function（）
{$（"button"）.click（function（）{
$（"p"）.hide（）;
}）;
}）;
2）单独文件中的函数
如果网站包含许多页面，并且您希望您的jQuery函数易于维护，那么请把您的jQuery函数放到独立的.js文件中。
当我们在教程中演示jQuery时，会将函数直接添加到
部分中。
不过，把它们放到一个单独的文件中会更好，就像这样（通过src属性来引用文件）：
例：
3、Jquerymobile案例开发
用户界面登录
主代码：
DOCTYPEhtml>
Welcome
Home
Welcome
Contact
升级会员 