当前位置：文档之家› droid简单的登陆界面的设计开发

droid简单的登陆界面的设计开发

d r o i d简单的登陆界面

的设计开发

内部编号：（YUUT-TBBY-MMUT-URRUY-UOOY-DBUYI-0128）

通信实训报告

-Android移动平台开发

学院：信息工程学院

班级：

学号：

姓名：

实训内容：

一．的简介

Android一词的本义指“机器人”，同时也是Google于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称，该平台由操作系统、中间件、用户界面和应用软件组成，号称是首个为移动终端打造的真正开放和完整的移动软件。目前，最新版本为Android Gingerbread和Android Honeycomb。

Android是基于Linux开放性内核的操作系统，是Google公司在2007年11月5日公布的手机操作系统。 Android早期由原名为"Android"的公司开发，谷歌在2005年收购""后，继续对Android系统开发运营，它采用了软件堆层（software stack，又名软件叠层）的架构，主要分为三部分。底层

Linux内核只提供基本功能，其他的应用软件则由各公司自行开发，部分程序以Java编写。2011年初数据显示，仅正式上市两年的操作系统Android已经超越称霸十年的塞班系统，使之跃居全球最受欢迎的智能手机平台。现在，Android系统不但应用于智能手机，也在平板电脑市场急速扩张，在智能MP4方面也有较大发展。采用Android系统主要厂商包括台湾的HTC,(第一台谷歌

的手机G1由HTC生产代工）美国摩托罗拉,SE等，中国大陆厂商如：魅族（M9），华为、中兴、联想、蓝魔等。

构架图

二．1软件下载

Android SDK，网址是 .

JDK的下载地址。

Eclipse的下载网址是

开发环境搭建

第一步：下载Android SDK

网址是 ./sdk/ 。 Android 之前Google提供了Android SDK开发的完整下载，在Android 之后Google只提供了安装工具在线安装。

单击“”链接进行SDK下载，下载该文件后解压该文件到操作系统的任意目录下。打开目录找到SDK 可执行文件，双击执行该文件。

选择"Available Packages"，选择想安装的版本（我是全选了，省事），然后单击“Install Selected”->选择“Accept All”，再单击“Install Accepted”就可以在线安装了。

提示：如果你的“Available Packages”右侧的地址不能打开，请选择左侧列表的“Setting”选项，在右侧的设置中勾选“Fore https：...”

第二步：安装JDK

A下载JDK。Android SDK需要JDK5 以上的版本。JDK6的下载地址。

B安装JDK。下载完成后进行正常双击、安装，这里就不说了。。。

C配置Java环境变量

1配置Java Home。复制Java的安装路径，右键单击“我的电脑”->“属性”->“高级”—>“环境变量”中新建环境变量java_home，变量值为java安装路径。

2配置Path。右键单击“我的电脑”->“属性”->“高级”—>“环境变量”，在“系统环境变量”中编辑Path便来了个，添加Java的bin目录到其中。变量与变量中间使用分号“;”分隔。

3配置classpath。右键单击“我的电脑”->“属性”->“高级”—>“环境变量”，在“系统环境变量”中新建一个系统变量名称为“classpath”，变量值为半角句号“.”

第三步：下载Eclipse

ADT插件要求Eclipse的版本是以上，Eclipse的下载网址是。下载后解压可以直接使用。

下载安装ADT。这里介绍通过Eclipse在线更新的方式安装。

1启动Eclipse，选择“Help”->“Install New Software.....”

2单击“Add.....”添加一个更新站点（注意：站点http后面不要加s）否则可能连接失败。（Name：ADT 0.9.5；Location：）

3添加好后，勾选“Developer Tools”单击“Next”进行更新安装。

三．基于JAVA平台的android的UI登陆界面的设计

、JDK的界面以及使用。

软件的使用。

编程方法。

界面的布局(layout)。

的使用。

的生命周期。

与另外多个Activity之间的界面跳转。

8.对按键（Button）的监听。

9.编写.JAVA和.XML文件。

实训目的：

1.学会并熟练使用Eclipse，SDK,JDK。

2.了解和掌握android移动平台开发的相关知识。

3.灵活运用android用户界面UI技术。

4.熟悉常用的UI组件，UI布局，UI元素。

5.能够简单的编写界面的布局（XML）文件。

6.能够简单的编写常用UI组件相关的JAVA代码。

7.最后根据所学习的知识自己可以编写一个有关登陆界面的程序。设计流程：

流程图

首先分别编写五个activity的布局文件（XML）

android:id="@+id/widget0"

xmlns:android= android:layout_height="wrap_content" android:layout_width="wrap_content">

android:id="@+id/widget43"

android:layout_width="243dp"

android:layout_height="37dp"

android:text="Welcome To FIFA 2012"

android:textSize="22sp"

android:textColor="#ff33cc00"

android:layout_x="41dp"

android:layout_y="35dp"/>

android:id="@+id/widget44"

android:layout_width="62dp"

android:layout_height="23dp"

android:background="#ffcccccc"

android:text="邮箱"

android:textSize="16sp"

android:textStyle="bold"

android:textColor="#ff000000"

android:layout_x="31dp"

android:layout_y="107dp"/>

android:id="@+id/widget45"

android:layout_width="wrap_content"

android:layout_height="24dp"

android:background="#ffcccccc"

android:text="登录密码"

android:textSize="16sp"

android:textStyle="bold"

android:textColor="#ff000000"

android:layout_x="29dp"

android:layout_y="156dp"/>

android:id="@+id/widget46"

android:layout_width="168dp"

android:layout_height="39dp"

android:textSize="18sp"

android:layout_x="120dp"

android:layout_y="101dp"/>

android:id="@+id/widget47"

android:layout_width="169dp"

android:layout_height="39dp"

android:textSize="18sp"

android:layout_x="119dp"

android:layout_y="150dp"/>

android:id="@+id/button1"

android:layout_width="111dp"

android:text="忘记密码？"

android:textStyle="bold"

android:layout_x="25dp"

android:layout_y="199dp"/>

android:id="@+id/button2"

android:layout_width="83dp"

android:layout_height="44dp"

android:text="登陆"

android:textStyle="bold"

android:layout_x="134dp"

android:layout_y="200dp"/>

android:id="@+id/button3"

android:layout_width="77dp"

android:layout_height="44dp"

android:text="注册"

android:textStyle="bold"

android:layout_x="215dp"

android:layout_y="200dp"/>

android:id="@+id/widget51"

android:layout_height="46dp"

android:text="记住密码"

android:textStyle="bold"

android:layout_x="25dp"

android:layout_y="254dp"/>

android:id="@+id/widget0"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=>

android:id="@+id/widget32"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="新鲜事"

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="26dp"

android:layout_y="29dp"/>

android:id="@+id/widget33"

android:layout_width="59dp"

android:layout_height="wrap_content"

android:text="好友"

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="131dp"

android:layout_y="31dp"/>

android:id="@+id/widget34"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="个人资料"

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="232dp"

android:layout_y="30dp"/>

android:id="@+id/widget35"

android:layout_width="199dp"

android:layout_height="39dp"

android:text="发帖"

android:textStyle="bold"

android:layout_x="59dp"

android:layout_y="141dp"/>

android:id="@+id/widget36"

android:layout_width="197dp"

android:layout_height="42dp"

android:text="留言"

android:textStyle="bold"

android:layout_x="60dp"

android:layout_y="216dp"/>

android:id="@+id/widget0"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=>

android:id="@+id/widget32"

android:layout_width="112dp"

android:layout_height="36dp"

android:text="找回密码"

android:textSize="22sp"

android:textStyle="bold"

android:textColor="#ffff0000"

android:layout_x="111dp"

android:layout_y="29dp"/>

android:id="@+id/widget33"

android:layout_width="wrap_content"

android:layout_height="34dp"

android:text="问题提示："

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="18dp"

android:layout_y="86dp"/>

android:id="@+id/widget37"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="你最喜欢的球 143;是谁？"

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="109dp"

android:layout_y="87dp"/>

android:id="@+id/widget38"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="答案："

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="49dp"

android:layout_y="150dp"/>

android:id="@+id/widget39"

android:layout_width="168dp"

android:layout_height="42dp"

android:textSize="18sp"

android:layout_x="109dp"

android:layout_y="143dp"/>

android:id="@+id/button4"

android:layout_width="75dp"

android:layout_height="47dp"

android:text="OK"

android:textStyle="bold"

android:layout_x="53dp"

android:layout_y="261dp"/>

android:id="@+id/widget41"

android:layout_width="72dp"

android:layout_height="47dp"

android:text="CANCLE"

android:textStyle="bold"

android:layout_x="194dp"

android:layout_y="261dp"/>

android:id="@+id/widget0"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=>

android:id="@+id/widget60"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="注册信息"

android:textStyle="bold"

android:layout_x="113dp"

android:layout_y="32dp"/>

android:id="@+id/widget61"

android:layout_width="53dp"

android:layout_height="30dp"

android:text="姓名："

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="27dp"

android:layout_y="78dp"/>

android:id="@+id/widget62"

android:layout_width="56dp"

android:layout_height="30dp"

android:text="昵称："

android:textSize="16sp"

android:layout_x="26dp"

android:layout_y="127dp"/>

android:id="@+id/widget63"

android:layout_width="88dp"

android:layout_height="25dp"

android:text="证件号码："

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="9dp"

android:layout_y="174dp"/>

android:id="@+id/widget64"

android:layout_width="189dp"

android:layout_height="39dp"

android:textSize="18sp"

android:layout_x="98dp"

android:layout_y="72dp"/>

android:id="@+id/widget65"

android:layout_width="189dp"

android:layout_height="41dp"

android:layout_x="98dp"

android:layout_y="119dp"/>

android:id="@+id/widget66"

android:layout_width="193dp"

android:layout_height="39dp"

android:textSize="18sp"

android:layout_x="97dp"

android:layout_y="169dp"/>

android:id="@+id/widget67"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="男"

android:textStyle="bold"

android:layout_x="97dp"

android:layout_y="216dp"/>

android:id="@+id/widget68"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="女"

android:layout_x="164dp"

android:layout_y="216dp"/>

android:id="@+id/widget69"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="性别："

android:textSize="16sp"

android:textStyle="bold"

android:layout_x="27dp"

android:layout_y="226dp"/>

android:id="@+id/button5"

android:layout_width="116dp"

android:layout_height="wrap_content"

android:text="提交"

android:textStyle="bold"

android:layout_x="108dp"

android:layout_y="312dp"/>

android:id="@+id/widget0"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=>

android:id="@+id/widget32"

android:layout_width="244dp"

android:layout_height="58dp"

android:text="恭喜你！找回 494;码成功！"

android:textSize="20sp"

android:textStyle="bold"

android:layout_x="44dp"

android:layout_y="96dp"/>

android:layout_width="339dp"android:layout_height="496dp">

android:id="@+id/widget0"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=>

android:id="@+id/widget32"

android:layout_width="112dp"

android:layout_height="59dp"

android:text="注册成功！"

android:textSize="20sp"

android:textStyle="bold"

android:textColor="#ffff0000"

android:layout_x="103dp"

android:layout_y="101dp"/>

然后分别编写五个activity的JAVA代码

public class SlActivity extends Activity {

OnClickListener listener1 = null;*/

@Override

public void onCreate(Bundle savedInstanceState) {

登录测试用例

功能测试： 1、输入正确的账号和密码，点击提交按钮，验证是否能正确登录（正常输入） 2、输入错误的账号或者密码，验证登录失败，并且提示相应的错误信息。（错误校验） 3、登录成功后能否跳转到正确的页面（低） 4、登录和密码，如果太短或者太长，应该怎么处理（安全性，密码太短时是否有提示） 5、账号和密码，中有特殊字符（比如空格），和其他非英文的情况（是否做了过滤） 6、记住账号的功能 7、登录失败后，不能记录密码功能 8、账号和密码前后有空格处理 9、密码是否加密显示（星号圆点等） 10、牵扯到验证码的，还要考虑文字是否扭曲过度导致辨认难度大，考虑颜色（色盲使用者），刷新或换一个按钮是否好用 11、登录页面中的注册、忘记密码，登出用另一账号登录等链接是否正确 12、输入密码的时候，大写键盘开启的时候要有提示信息。 13、什么都不输入，点击提交按钮，看提示信息（非空检查）界面测试（UI Test） 1、布局是否合理，2个Testbox和一个按钮 2、Testbox和按钮的长度，高度是否复合要求 3、界面的设计风格是否与UI的设计风格统一 4、界面中的文字简洁易懂，没有错别字性能测试（Performance Test） 1、打开登录页面，需要几秒 2、输入正确的账号和密码后，登录成功跳转到新页面，不超过5秒安全性测试（Security Test） 1、登录成功后生成的Cookie是否有HttpOnly（降低脚本盗取风险） 2、账号和密码是否通过加密的方式，发送给Web服务器 3、账号和密码的验证，应该是用服务端验证，而不是单单是在客户端用javaScript验证 4、账号和密码的输入框，应该屏蔽SQL注入攻击 5、账号和密码的输入框，应该禁止输入脚本（防止XSS攻击） 6、错误登录的次数限制（防止暴力破解） 7、考虑是否支持多用户在同一台机器上登录； 8、考虑一用户在多台机器上登录可用性测试（Usability Test） 1、是否可以全用键盘操作，是否有快捷键 2、输入账号，密码后按回车，是否可以登录 3、输入框是否可以以Tab键切换兼容性测试（Compatibility Test） 1、主流的浏览器下能否显示功能正常（IE6~11，FireFox，Chrome，Safari等）

用户登陆界面程序vb设计说明书

工程学院课程设计说明书课程名称: 计算机应用基础课程设计课程代码: 题目: 用户登录界面程序设计年级/专业/班: 学生姓名: 学号: 开始时间: 2011 年 4 月25 日完成时间: 2011 年 5 月 8 日课程设计成绩：指导教师签名：年月日目录摘要 (2) 1 引言 (3)

2 设计方案 (4) 2.1程序功能设计 (4) 2.1.1系功能描述 (5) 2.1.2系结构分析 (5) 2.1.3系统流程分析 (5) 2.2程序界面和代码设计 (7) 2.2.1系统工程设计框架 (7) 2.2.2系统各界面设计及代码设计 (7) 3 结果分析 (11) 结论 (14) 致谢 (15) 参考文献 (16)

摘要随着计算机的普及，计算机高级语言已经运用到生活中的各个方面，本次课程设计使用VB语言作为开发工具，进行了用户登录系统的程序设计，该程序能实现用户登录系统的模拟功能，进行用户的登录，提醒，注册，退出等操作，这些操作都能模拟实际生活中的登录情况，最后分析所开发软件系统的优点和不足。该运行界面清晰实用，操作方便。关键词：用户登录模拟操作界面

1 引言随着科学技术的发展，计算机已经应用到生活、工作的各个方面。VB一种可视化的、面向对象和采用事件驱动方式的高级程序设计语言，可用于开发Windows环境下的各类应用程序。本次课程设计主要内容就是使用VB编制简单、实用的小程序，以巩固我们所学的计算机VB语言知识，提高分析问题和解决问题的能力，锻炼我们独立动手的能力以及综合创新能力。 1.1 选题背景通过一个学期对Visual Basic 高级语言程序设计的学习，我已经掌握了一些常用的控件的使用方法，对简单的程序设计的常用算法也有了一定的了解，还掌握了对文件输入与输出的一些基本操作。为了进一步加深理解、验证、巩固课堂教学内容，加深对可视化编程思想的理解，强化Visual Basic对程序流程控制、常用控件的属性、事件、方法的理解和使用；为了进一步提高编程能力、程序的调试能力，理论联系实际的能力；巩固所学的这些程序设计的方法，为了达到后续课程对实际编程计算能力的要求，特选定“用户登录界面程序设计”题目作为课程设计实践教学环节的题目，有助于培养综合运用所学知识解决实际问题的能力，可以充分发挥想象力和创新能力；有助于提高独立思考能力，自学能力 1.2任务与分析任务：设计一用户的登录窗口界面，实现模拟用户登录系统时的各种情况具体要求：遵循面向对象和结构化程序设计的编程思路，设计合理的界面，设置所需控件及其属性，编写相应的事件过程，并上机调试程序，在基本要求达到后，进行一定创新设计预期功能：实现用户成功登录系统，当用户明不正确或者密码错误时，提醒用户重新输入或者注册，当三次登录失败时，强制性退出操作界面。涉及的VB知识点：界面设计，command控件、text控件及其属性，随机的读出于追加。

ui用户界面设计课程设计报告

UI用户界面设计大作业课程设计报告题目：依依旅行系统前台应用及后台管理院别：信息与控制学院专业：计算机科学与技术学生姓名： 7宋依依指导教师：孙丽云成绩： 2015年 6 月 12 日一、系统概述 1.1课程设计题目：依依旅行系统前台及后台管理 1.2 课程设计运行环境： Java，MyEclipse6.5，Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术：基于HTML，CSS，JSP等技术的应用二、依依旅行系统需求分析 2.1系统功能需求：

系统的功能需求包括一下几个方面（1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。（3）游客登录后还可以进行各种订单的退订，个人信息的修改。（4）系统管理员可以查看游客的预定请求和取消预定的请求。（5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。三、依依旅行系统概要分析 3.1旅游系统模块介绍满足以上需求的管理系统主要包括以下几个模块。（1）旅游数据维护模块基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。（2）旅游业务模块基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。（3）数据库管理模块在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。（4）旅游信息查询模块信息查询模块主要用于查询景点的信息和游客的预定信息。下图所示表示了旅游开发管理系统的功能需求： 3.2旅游数据维护模块数据维护模块包括如下图所示的几个方面：（1）修改更新景点信息：系统管理员可以更新和修改景点信息。（2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。（3）添加景点信息：系统管理员可以添加景点及景点信息。（4）删除景点信息：系统管理员可以删除景点及景点信息。 3.3旅游业务模块旅游业务模块包括一下几个方面：（1）注册登陆后，更改个人信息（2）查询信息：游客查询景点使用信息及景点概括信息。（3）预定取消景点：游客预定景点票。（4）酒店预订：游客可一根据情况预定酒店。（5）出行方式：游客可以根据自己的情况选择出行方式。 3.4数据库管理模块数据库模块包括一下一个方面：（1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。

JAVA语言登陆界面设计

登陆界面设计程序： import javax.swing.*; import java.awt.*; public class登陆界面设计extends JFrame{ public登陆界面设计(){ //构造方法名称要与类名称一致this.setTitle("学生系统登陆界面"); this.setForeground(Color.blue); this.setBounds(200, 200, 400, 400); this.setDefaultCloseOperation(EXIT_ON_CLOSE); JLabel labname=new JLabel("登陆名:"); JLabel labpassed=new JLabel("登陆密码:"); JTextField tex1=new JTextField(""); JTextField tex2=new JTextField(""); JButton bun1=new JButton("登陆"); JButton bun2=new JButton("退出"); JPanel panel =(JPanel) this.getContentPane(); panel.setLayout(null); panel.setBackground(Color.green); panel.add(labname); labname.setBounds(100, 60, 100, 30); // labname.setForeground(Color.red); labname.setFont(new Font(null,Font.ITALIC,20)); panel.add(tex1); tex1.setBounds(200, 60, 100, 30); // tex1.setForeground(Color.red); tex1.setFont(new Font(null,Font.ITALIC,20)); panel.add(labpassed); labpassed.setBounds(100, 120, 100, 30); // labpassed.setForeground(Color.red); labpassed.setFont(new Font(null,Font.ITALIC,20)); panel.add(tex2); tex2.setBounds(200, 120, 100, 30); // tex2.setForeground(Color.red); tex2.setFont(new Font(null,Font.ITALIC,20)); panel.add(bun1); bun1.setBounds(100, 180, 100, 50); bun1.setForeground(Color.red); bun1.setFont(new Font(null,Font.ITALIC,20)); panel.add(bun2);

用户界面设计说明书样本

用户界面设计说明书

[键入公司名称] [键入文档标题] [键入文档副标题] [键入作者姓名] 2012/11/27

修订历史记录

目录 1 引言................................................... - 3 - 1.1编写目的............................................ - 3 - 1.2项目背景............................................ - 4 - 1.3定义、缩略词........................................ - 4 - 1.4参考资料............................................ - 5 - 2 应当遵循的界面设计规范 ................................. - 5 - 2.1用户界面设计原则.................................... - 5 - 2.2界面一致性.......................................... - 5 - 2.3布局合理化原则.......................... 错误!未定义书签。 3 界面的关系图和工作流程图 ............................... - 7 - 4 主界面................................................ - 10 - 4.1主界面............................................. - 10 - 4.2子界面A ........................................... - 11 - 4.3子界面B ........................................... - 12 - 4.4子界面C ........................................... - 13 - 4.5子界面D ........................................... - 14 - 4.6子界面E ........................................... - 15 - 4.7子界面F ........................................... - 16 - 5 美学设计.............................................. - 17 -

经典登录界面制作

经典登录界面制作声明本登录使用jsp编写，可在MyEclipse8.5等软件中执行 1.登录界面图： 2.登录代码 Login.jsp <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@ taglib prefix="fmt" uri="https://www.doczj.com/doc/978041512.html,/jsp/jstl/fmt" %> <%@ taglib prefix="c" uri="https://www.doczj.com/doc/978041512.html,/jsp/jstl/core" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>