AS3写的页面注册登录组件

最新推荐文章于 2022-10-20 20:26:26 发布
最新推荐文章于 2022-10-20 20:26:26 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： php as3 随笔 网络通信 文章标签： mysql php as
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/swordfishx82/article/details/47721137
版权
随笔 同时被 3 个专栏收录
65 篇文章 3 订阅
订阅专栏
网络通信
11 篇文章 0 订阅
订阅专栏
as3
6 篇文章 1 订阅
订阅专栏

既然把老版本的php搭建起来了，那么就趁热打铁，把烽烟注册系统时许诺的php版本注册登录也帖出来，这个代码也是amfphp1.9+as3+php+mysql开发的，效果如动画

演示效果如左边，，看下工程目录


php文件处理，数据库结构



好了，我们来看具体代码

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   height.login="200"
			   width.login="350"
			   creationComplete="init();">

	<fx:Script>
		<![CDATA[
			import flash.events.MouseEvent;
			import flash.net.NetConnection;
			import flash.net.Responder;
			import mx.controls.Alert;
			private var conns:NetConnection = null;
			
			public var vaidatorArr:Array = [0];
			/*验证数组的个数*/
			private const Num:int = 5;
			private const CODENUM:int = 4;
			[Bindable]
			private var codeStr:String = "";
			
			private var AmfPhpURL:String = "";
			
			private function init():void
			{
				
				//IPconnect();
				conns = new NetConnection();
				//conns.connect("http://swordfishx.freevar.com/amfphp/gateway.php");
				conns.connect( "http://localhost/amfphp1.9/gateway.php");
				randowcode();
			}
			
			private function IPconnect():void
			{
				
				//conns = new NetConnection();
				//
				//if (ipuse == null)
				//{
					//AmfPhpURL = "http://localhost/amfphp1.9/gateway.php";
					//AmfPhpURL = "http://localhost/amfphp/gateway.php";
				//}
				//else
				//{
					//AmfPhpURL = ipuse.text;
					//showCode.buttonMode = true;
				//}
				//conns.connect(AmfPhpURL);
			
			}
			
			private function randowcode():void
			{
				codeStr = "";
				for (var i:int = 0; i < CODENUM; i++)
				{
					codeStr += Math.floor(Math.random() * 10);
				}
			showCode.buttonMode = true;
			}
			
			public function BtnregistF():void
			{
				
				if (vaidatorArr.length != Num)
				{
					Alert.show("请认真书写");
					return;
				}
				for (var j:int = 0; j < Num; j++)
				{
					if (vaidatorArr[j] == null || vaidatorArr[j] == false)
					{
						Alert.show("有错误,请按格式填写!");
						return;
					}
				}
				
				emailhandle();
				CodeCompare();
				conns.call("blog.User.regist", new Responder(registresult, detectionUserNamestatus), [user.text, pass.text, email.text, sex.selection.value]);
			
			}
			
			public function registresult(result:Object):void
			{
				if (result is int)
				{
					Alert.show("注册成功");
				}
				else
				{
					Alert.show(result.toString());
				}
			
			}
			
			public function BtnloginF():void
			{
				
				if (users.text == "" || passs.text == "")
				{
					Alert.show("请认真填写!");
					return;
				}
				conns.call("blog.User.login", new Responder(loginresult, detectionUserNamestatus), [users.text, passs.text]);
			
			}
			
			public function loginresult(result:Object):void
			{
				if (result is int)
				{
					var num:int = result as int
					if (num == 1)
					{
						Alert.show("登陆成功");
					}
				}
				else
				{
					Alert.show("登陆失败，可能是用户名或密码错误，请确认。");
				}
			
			}
			
			public function BtnclearF():void
			{
				user.text = "";
				pass.text = "";
				password.text = "";
				code.text = "";
				email.text = "";
			}
			
			public function CodeCompare():void
			{
				
				if (code.text != codeStr)
				{
					Alert.show("验证码错误,请重新输入");
					
					code.text = "";
					
				}
			}
			
			public function sexchange():void
			{
				
				trace("sexchange=");
				trace(sex.selectedValue);
			}
			
			public function emailhandle():void
			{
				trace("gaibian");
				
				if (password.text != pass.text)
				{
					Alert.show("密码两次输入不一致,请重新输入");
					password.text = "";
					pass.text = "";
					
				}
			
			}
			
			public function detectionUserNamehandle(str:String):void
			{
				trace("是否好用");
				if (!conns)
				{
					Alert.show("连接不存在,请确认ip地址");
					return;
				}
				
				conns.call("blog.User.detectionUserName", new Responder(detectionUserNameresult, detectionUserNamestatus), str);
			
			}
			
			public function detectionUserNameresult(result:Object):void
			{
				var num:int = int(result);
				if (num == 0)
				{
					Alert.show("恭喜你，该用户名可以正常使用");
					
				}
				else
				{
					user.text = "";
					Alert.show("用户名已存在，请重新注册");
					
				}
			
			}
			
			public function detectionUserNamestatus(fault:String):void
			{
				Alert.show("出错了");
			}
		]]>
	</fx:Script>

	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
		<s:RadioButtonGroup id="sex"
							change="sexchange()" />
		<mx:StringValidator source="{user}"
							minLength="3"
							maxLength="15"
							property="text"
							tooLongError="字符不能超过最大的字数"
							tooShortError="字数不能太短"
							triggerEvent="change"
							requiredFieldError="文本不能为空"
							valid="vaidatorArr[0]=true"
							invalid="vaidatorArr[0]=false" />
		<mx:StringValidator source="{pass}"
							minLength="6"
							maxLength="18"
							property="text"
							tooLongError="字符不能超过最大的字数"
							tooShortError="字数不能太短"
							triggerEvent="change"
							requiredFieldError="文本不能为空"
							valid="vaidatorArr[1]=true"
							invalid="vaidatorArr[1]=false" />
		<mx:StringValidator source="{password}"
							minLength="6"
							maxLength="18"
							property="text"
							tooLongError="字符不能超过最大的字数"
							tooShortError="字数不能太短"
							triggerEvent="change"
							requiredFieldError="文本不能为空"
							valid="vaidatorArr[2]=true"
							invalid="vaidatorArr[2]=false" />
		<mx:EmailValidator source="{email}"
						   property="text"
						   triggerEvent="change"
						   invalidDomainError="请输入正确的邮箱地址"
						   missingAtSignError="邮件地址中没有'@'符号"
						   missingPeriodInDomainError="邮件地址中不存在'.'符号"
						   missingUsernameError="没有邮件用户名"
						   requiredFieldError="文本不能为空"
						   valid="vaidatorArr[3]=true"
						   invalid="vaidatorArr[3]=false" />
		<mx:StringValidator source="{code}"
							property="text"
							minLength="4"
							maxLength="4"
							tooLongError="字符不能超过最大的字数,只能四位"
							tooShortError="字数不能太短,只能四位"
							triggerEvent="change"
							valid="vaidatorArr[4]=true"
							invalid="vaidatorArr[4]=false" />

	</fx:Declarations>
	<s:states>

		<s:State name="regist" />
		<s:State name="login" />
	</s:states>

	<s:TitleWindow width="800"
				   height="600"
				   title.regist="注  册"
				   title.login="登  陆">
		<s:Form includeIn="regist">
			<!--IP-->
			<!--s:FormItem label="IP:">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:TextInput id="ipuse"
					 text="http://localhost/amfphp1.9/gateway.php" />
				<s:TextInput id="ipuse"
							 text="http://swordfishx.freevar.com/amfphp/gateway.php"/>
				<s:Button id="Ipbtn"
						  label="连接"
						  click="IPconnect();" />
			</s:FormItem-->
			<!--用户名-->
			<s:FormItem label="用户名:">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:TextInput id="user" />
				<s:Button label="检测用户名"
						  id="userBtn"
						  click="detectionUserNamehandle(user.text);" />

			</s:FormItem>
			<!--密码-->
			<s:FormItem label="密码:">
				<s:TextInput id="pass"
							 displayAsPassword="true" />

			</s:FormItem>
			<!--重复密码-->
			<s:FormItem label="重复密码:">
				<s:TextInput id="password"
							 displayAsPassword="true" />

			</s:FormItem>
			<!--邮箱-->
			<s:FormItem label="邮箱:">
				<s:TextInput id="email"
							 change="emailhandle();" />

			</s:FormItem>
			<!--性别-->
			<s:FormItem label="性别:">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:RadioButton label="男"
							   groupName="sex"
							   selected="true"
							   value="1" />
				<s:RadioButton label="女"
							   groupName="sex"
							   value="0" />
			</s:FormItem>
			<!--验证码-->
			<s:FormItem label="验证码:">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:TextInput width="42"
							 id="code" />
				<s:Label id="showCode"
						 text="{codeStr}"
						 verticalCenter="0"
						 fontSize="28"
						 click="randowcode();" />
			</s:FormItem>

			<s:FormItem width="289"
						styleName="label">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:Button label="注册"
						  id="Btnregist"
						  click="BtnregistF();" />
				<s:Button label="清空"
						  chromeColor="#c50000"
						  id="Btnclear"
						  click="BtnclearF();" />
			</s:FormItem>
		</s:Form>

		<s:Form includeIn="login">
			<!--登陆用户名-->
			<s:FormItem label="用户名:">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:TextInput id="users" />

			</s:FormItem>
			<!--密码-->
			<s:FormItem label="密码:">
				<s:TextInput id="passs"
							 displayAsPassword="true" />
			</s:FormItem>

			<s:FormItem width="289"
						styleName="label">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:Button label="登陆"
						  id="Btnlogins"
						  click="BtnloginF();" />
				<s:Button label="清空"
						  chromeColor="#c50000"
						  id="Btnclears"
						  click="BtnclearF();" />
			</s:FormItem>

		</s:Form>
		<s:Form top="380">
			<s:FormItem width="289"
						styleName="label">
				<s:layout>
					<s:HorizontalLayout />
				</s:layout>
				<s:Button label="登陆"
						  chromeColor="#c55500"
						  id="statelogins"
						  click="currentState='login';" />
				<s:Button label="注册"
						  chromeColor="#c55500"
						  id="stateregist"
						  click="currentState='regist';" />
			</s:FormItem>
		</s:Form>
	</s:TitleWindow>


</s:Application>
这个东西跟我已往左的不同之处就是在flashdevelop下面开发的不是纯as3，而是flex4项目，代码中标签比较多，as3与标签混排比较多，不过好在本身这个东西难度就很低，所以并不难，毕竟这个东西的难点还在于服务器和交互， 
<?php 
class User{
private $CONN;//建立字段用于连接
public function __construct(){
//$sql=mysql_connect(URL,USER,PASS);
$sql=mysql_connect("localhost","root","root");
if(!$sql)
{
return"连接数据库失败";
}else{
$select=mysql_select_db("ken_blog",$sql);//选择数据库
mysql_query("set names 'utf-8'");
}
if(!$select)
{
return"连接数据库失败";
}
else
{
$this->CONN=$sql;
}
}
public function detectionUserName($user){
if(empty($this->CONN))
{
return"连接不存在";
}
$sql="select * from login where user_name ='$user'";
$result=mysql_query($sql,$this->CONN);
$value=@mysql_result($result,0,'user_name');
if(!$value)
{
return"0";
}
else
{
return "1";
}

}
//注册
public function regist($user){
if(empty($this->CONN))
{
return"连接不存在";
}
$sqlx="select * from login where user_name ='$user[0]'";
$result1=mysql_query($sqlx,$this->CONN);
$value1=@mysql_result($result1,0,'user_name');
if(!$value1)
{
$sql="INSERT INTO `login` (`user_name`, `pass_word`, `email`) VALUES ('".$user[0]."','".$user[1]."','".$user[2]."')";
$result=mysql_query($sql);
if($result)
{
$id=mysql_insert_id($this->CONN);
}else{
return"添加失败";
}
if(is_numeric($id)){
return $id;
}else{
return mysql_error();
}
}
else
{
return "用户名已被使用，注册前请验证后在注册。";
}

}
//登陆
public function login($user){
if(empty($this->CONN)) return"连接不存在";
if($user[0]&&$user[1])
{
$sql2="SELECT * FROM `login` WHERE user_name='$user[0]'and pass_word='$user[1]'";
}
$result2=mysql_query($sql2);
$rows=mysql_num_rows($result2);
if($rows)
{
return 1;
}
else
{
return mysql_error();
}

}

}
?>
本来里面写了个登录信息php文件，图省事，直接写在这个php文件中了，我们看下数据库文件， 

-- phpMyAdmin SQL Dump
-- version 3.4.7.1
-- http://www.phpmyadmin.net
--
-- 主机: localhost:3306
-- 生成日期: 2015 年 08 月 16 日 21:12
-- 服务器版本: 5.5.14
-- PHP 版本: 5.3.6

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- 数据库: `ken_blog`
--

-- --------------------------------------------------------

--
-- 表的结构 `login`
--

CREATE TABLE IF NOT EXISTS `login` (
  `id` int(15) NOT NULL AUTO_INCREMENT COMMENT '用户id',
  `user_name` varchar(15) CHARACTER SET utf8 NOT NULL COMMENT '用户名',
  `pass_word` varchar(18) CHARACTER SET utf8 NOT NULL COMMENT '密码',
  `email` varchar(150) CHARACTER SET utf8 NOT NULL COMMENT '邮箱',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=33 ;

--
-- 转存表中的数据 `login`
--

INSERT INTO `login` (`id`, `user_name`, `pass_word`, `email`) VALUES
(1, 'ssssss', '123456', ''),
(2, 'sssss1', '123456', ''),
(3, 'swswsww', '123456', 'sw@126.com'),
(4, '12345', '1234562', '12@1245.com'),
(5, 'gsjdsds', '12532632', 'fxs@126.com'),
(6, 'gsjdds', '12532632', 'fxs@126h.com'),
(7, 'gsjdds', '12532632', 'fxs@126h.com'),
(16, 'zhaolian', '19820403', 'swx@12.om'),
(22, 'sssssss', '123456', 'sx@12.com'),
(27, 'ssssss1', '123456', 'sx@12.com'),
(28, 'sssssssssssss', '304028911', 'sx@12.com'),
(29, 'ssssssss', '123456', 'sx@123.com'),
(30, 'sasas', 'sasas', 'asasas'),
(31, 'swordf', '123456', 'sx@123.com'),
(32, '123456', '123456', 'xd@12.com');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
其实看完之后就会发现，原来很简单，就这么点东西，比nodejs下的登录要简单很多，因为本身这东西现在用的人不多，所以我也就不大篇幅讲解了，有不懂的可以私信我， 这里是代码。





简雨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Vue3 第十二章】组件注册与命名格式
前端知识分享喵
01-09 1236
组件注册与命名格式
基于vue-注册登录页面
weixin_51029697的博客
03-28 4904
本文应用Vue3+Element-Plus+Ts构建登录注册页面 一、Vue-cli项目搭建 引用其他博主这里就不过多赘述，详情：Vue(二)：Vue3安装_zhouym_的博客-CSDN博客_安装vue3 二、在components下新建InputGroup.vue,LoginForm.vue,RegisterForm.vue。views同样新建404.vue，forgotPassword.vue，LoginRegister.vue。 三、router里面的路由都是根据views下的.
制作一个简单的登录界面
as4061218的博客
12-14 7955
界面格式如下图： 先写好登录界面的布局，记住要写一个Checkbox。 [html] view plaincopy LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://sche
AS 3.0与jsp通信（3）
夏天的树人的专栏
01-15 4344
 flash 在通信方面用于客户端的方面能够表现出丰富的视角效果和体现，但是在服务器技术方面相对较弱，这样不得不借助于其他的服务器技术。如c++ java jsp php 等等。 我们希望在客户端里面呈现丰富的体现效果，这里可以使用到flex做客户端。它的组件丰富，效果还很理想。 好，还是解决我们下面的问题：第一，解决jsp连接mysql数据库第二，如何调用jsp将客户端发
AS简单的登陆界面
qq_42520962的博客
06-15 8188
先设计好界面 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout...
【AS入门笔记】一个简单的登陆界面
一亿少女的梦
04-19 2713
文章目录题目第一版参考主界面java文件为MainActivity.java主界面命名布局文件为text2.xml跳转界面java文件为DisplayMessageActivity.java跳转界面命名布局文件为activity_display_message.xml运行界面截图 题目 模仿QQ登录界面（或者其它应用程序的登录界面）设计一个应用。要求在第一个界面输入用户名和密码，点击“登录”按钮，若用户名和密码正确，则跳转到欢迎界面 第一版 实现的功能很简单： 检测一个正确的账户和密码 一个简单的跳转界面
flash as3与后台php交互用户注册例子,as3与PHP后台交互2
weixin_35668334的博客
03-13 73
怎么样，是不是也很方便的实现了as3和后台的数据传输？恩，现在我们的程序可以双向交互数据了，但这只是一些简单的数据，如果你要传输带有结构的数据，(熟悉as2的人都知道loadVars可以自动解析下载数据的结构)，让我们先按loadVars的方式来尝试下，看看URLLoader是不是能自动的解析下载的数据。//actionscriptcodevarloader:URLLoader= new URLL...
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
10-15
最后，为了让组件能在全局范围内使用，我们需要在入口文件（通常是 `main.js`）中注册 `Svgicon` 组件： ```javascript import Vue from 'vue' import App from './App.vue' import Svgicon from '@/components/...
用react写一个注册登录页面
最新发布
05-19
好的，以下是一个简单的注册登录页面的代码示例，使用了React和React Router： ```jsx import React, { useState } from 'react'; import { BrowserRouter as Router, Switch, Route, Link, useHistory } from '...
源码分析 Vue组件注册（全局注册与局部注册）
m0_52544128的博客
05-01 986
1.Vue组件注册 我们知道vue中注册组件的方式有两种，一种是全局注册，另一种是局部注册，注册方式如下： 全局注册 const HelloWorld = { name: xxx, data() { return {} } ... } Vue.component('HelloWorld', Helloworld) 局部注册 import HelloWorld from 'xxx/xxx' export default { components: {
AS3.0自定义下拉菜单
07-03
非FLEX组件。纯AS3代码实现。只需传入数组，数据就会以下拉菜单的形式显现
amfphp+as3+mysql注册登录组件
08-17
amfphp+as3+mysql注册登录组件，原来许给小伙伴的一个东东，先在拿出来分享下，虽然flash有点过时，不过登录系统永远不会过时的。
flash as3与后台php交互用户注册例子,Flash AS3与后台通讯 PHP版
weixin_33895572的博客
03-13 109
目前flash在各方个面的应用越来越广，而flash也不单只是注重自身绚丽的效果，也需要和外界程序交换数据，以实现更强大的功能，随着as3 的到 来，flash和外部交互的方式也越来越简便和合理化。今天就在这里谈谈as3和后台数据的交互(这里选择as3+php架构，其他配置同理)。在 as3里，原来的loadVars方法已经被废弃，而改用一系列的类来实现与后台数据的交互，这些类是：URLLoade...
【流程】用Android Studio制作一个简单的用户注册界面
m0_59099304的博客
10-20 2512
这些要求都比较简单来着，看一下书就大概懂了。我前面没怎么看书，就开始瞎搞，一开始就连布局都弄错了，一直用扁平化布局死活弄不好哈哈哈。所以看书还得要认真一些。安卓移动应用开发选修课上老师布置的作业，比较简单的一些操作，所以把过程录下来，方便他人，巩固自己哈哈哈。用Android Studio制作一个简单的用户注册界面。
AS边学边写——day03简单的用户界面
du0m0的博客
09-19 1718
简单的用户界面 Android的图形用户界面是由多个View和ViewGroup构建出来的。View是通用的UI窗体小组件，比如按钮(Button)或者文本框(text field)，而ViewGroup是不可见的，是用于定义子View布局方式的容器，比如网格部件(grid)和垂直列表部件(list)。 关于布局，我们应该分别为小屏幕，大屏幕创建不同不同的xml文件，方便兼容不同屏幕设
8、登录页面的代码
大星星的专栏
01-28 1022
因为是登录界面，所以仍然是需要处理登录的逻辑，同SplashActivity代码类似（参见《4、闪屏后登陆》），这里会在用户点击登录按钮时处理登录的逻辑： case R.id.btn_login: getLogin();break; private void getLogin() { String userName = et_usertel.getText(
入职学习AS3 之旅二
yearbeast的博客
11-16 97
AS3 实现简单的登录 创建ActionScript项目 编辑器：Adobe Flash Builder 4.7 实现思路 1.创建登录框ui界面 代码展示： // 登陆按钮 var loginButton:Sprite = new Sprite(); loginButton.graphics.beginFill(0xfff000); login
as3与php传值,as3.0 与php交互登录的一个小实例
weixin_28822955的博客
03-19 105
效果如下：为保证效果正常，请在火狐浏览器里预览： 名字:admin 密码:admin对前端开发来说，flash大家好像一直不太重视，但不能否认的是，用flash做出的网站交互性很高，动画效果也是很漂亮(个人看法)。最近一直在学习as3.0今天做了一个和php交互的小例子。拿出来和大家一起分享。下面是代码package src{import flash.display.Sprite;import f...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值