AIR桌面程序-实现对客户信息管理（FLEX+XML数据库）
程序员文章站
2022-05-21 08:01:15
...
本程序实现了对XML的增、删、改、查操作，并同步到xml数据库中
用到的技术:
1.Flex基本布局技术，常用控件操作
2.基本事件的触发、自定义事件的触发
3.flex读写更改 操作XML对象
4.基本数据库知识
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="720"
height="600"
creationComplete="initApp()"
xmlns:s="library://ns.adobe.com/flex/spark"
viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import event.*;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.events.IndexChangedEvent;
import mx.modules.Module;
import mx.utils.StringUtil;
import tree.*;
//set bindable
[Bindable]
internal var currentPeople:people=new people;
public var peopledata:XML;
public var path:File=File.documentsDirectory.resolvePath("D:/peoples.xml");
public var n:Number;
public var warning:String="填写信息不全";
public var warningtitle:String="警告";
public var searchwarning:String="填写内容不全";
/**
* InitApp function handler
* */
internal function initApp():void{
var peoples:FileStream=new FileStream;
peoples.open(path,FileMode.READ);
peopledata=XML(peoples.readUTFBytes(peoples.bytesAvailable));
peoples.close();
var users:Object=peopledata.user;
n=0;
for(var i:* in users){
var newPeople:peopleItem=new peopleItem();
var peopleInfo:people=new people;
peopleInfo.setpeople(users[i]);
newPeople.p=peopleInfo;
holder_user.addChild(newPeople);
newPeople.addEventListener(selectPeopleEvent.CLICK_PEOPLE,selectHandler);
newPeople.y=n*newPeople.height;
n++;
}
}
/**
* writedata
**/
public function writedata():void{
var writedata:FileStream=new FileStream;
writedata.open(path,FileMode.WRITE);
writedata.writeUTFBytes(peopledata.toString());
writedata.close();
}
/**
*
* match
* */
public function match(selectedone:people):int{
var index:int=new int;
var conter:int;
for(conter=n-1;conter>=0;conter--){
if(selectedone.id==peopledata.user[conter].id){
index=conter;
}else{
continue;
}
}
return index;
}
/**
*
*
* */
internal function selectHandler(evt:selectPeopleEvent):void{
currentPeople=evt.selectedUser;
}
/**
*
*
* */
public function clearHandler():void{
addname.text="";
addotherinfo.text="";
addphone.text="";
addotherinfo.text = "";
addmale.selected=false;
addfemale.selected=false;
}
/**
*
*
* */
public function addHandler():void{
var addcontent:XML;
if(addname.text==""||addotherinfo.text==""||addphone.text==""||(!(addmale.selected||addfemale.selected))){
Alert.show(warning,warningtitle,Alert.OK);
}
else if(addmale.selected){
addcontent = <user>
<id>{n}</id>
<name>{addname.text}</name>
<sex>male</sex>
<phonenum>{addphone.text}</phonenum>
<otherinfo>{addotherinfo.text}</otherinfo>
</user>;
peopledata.appendChild(addcontent);
writedata();
holder_user.removeAllChildren();
initApp();
Alert.show("添加成功!");
}
else{
addcontent = <user>
<id>{n}</id>
<name>{addname.text}</name>
<sex>female</sex>
<phonenum>{addphone.text}</phonenum>
<otherinfo>{addotherinfo.text}</otherinfo>
</user>;
peopledata.appendChild(addcontent);
writedata();
holder_user.removeAllChildren();
initApp();
Alert.show("添加成功!");
}
clearHandler();
}
public function textChangeHandler(modified:people):void
{
var num:int=match(modified);
peopledata.user[num].name=peoplename.text;
peopledata.user[num].otherinfo=peopleotherinfo.text;
peopledata.user[num].phonenum=peoplephone.text;
writedata();
holder_user.removeAllChildren();
initApp();
if(male.selected){
peopledata.user[num].sex="male";
}
else{
peopledata.user[num].sex="female";
}
}
/**
*
*
* */
public function modifyHandler(modified:people):void{
if(this.ModifyBtn.selected)
{
peoplename.enabled = true;
peoplesex.enabled = true;
peopleotherinfo.enabled = true;
peoplephone.enabled = true;
this.ModifyBtn.label = "保存信息";
}
else
{
var num:int=match(modified);
/* if(peoplename.text==""||peoplephone.text==""||peopleid.text==""||(!(male.selected||female.selected))){
Alert.show(warning,warningtitle,Alert.OK);
} */
peopledata.user[num].name=StringUtil.trim(peoplename.text);
peopledata.user[num].phonenum=StringUtil.trim(peoplephone.text);
peopledata.user[num].otherinfo=StringUtil.trim(peopleotherinfo.text);
writedata();
holder_user.removeAllChildren();
initApp();
if(male.selected){
peopledata.user[num].sex="male";
}
else{
peopledata.user[num].sex="female";
}
Alert.show("修改成功");
selectPeopleEvent.userItemClicked = false;
this.ModifyBtn.label = "修改此客户";
}
}
/**
*
*
* */
public function deleteHandler(deleted:people):void{
var num:int=match(deleted);
delete peopledata.user[num];
writedata();
holder_user.removeAllChildren();
n--;
//Alert.show("Delete success!");
initApp();
selectPeopleEvent.userItemClicked = false;
}
/**
* Search Handler
* search a user by its name or phone(part of its name or phonenum)
* */
public function searchHandler():void{
var aim:int=new int;
aim=n-1;
if(searchname.text==""&&searchphone.text==""){
Alert.show(searchwarning,warningtitle,Alert.OK);
}else{
for(aim;aim>=0;aim--){
if(peopledata.user[aim].name.indexOf(StringUtil.trim(searchname.text)) != -1 || peopledata.user[aim].phonenum.indexOf(StringUtil.trim(searchphone.text)) != -1
|| peopledata.user[aim].name == StringUtil.trim(searchname.text) || peopledata.user[aim].phonenum == StringUtil.trim(searchphone.text)
|| peopledata.user[aim].name.search(StringUtil.trim(searchname.text)) != -1 || peopledata.user[aim].phonenum.search(StringUtil.trim(searchphone.text)) != -1 ){
break;
}
}
currentPeople.setname(peopledata.user[aim].name);
currentPeople.setsex(peopledata.user[aim].sex);
currentPeople.setphone(peopledata.user[aim].phonenum);
currentPeople.setotherInfo(peopledata.user[aim].otherinfo);
}
holder_user.removeAllChildren();
initApp();
}
]]>
</mx:Script>
<mx:Panel width="200" layout="absolute" cornerRadius="15" title="客户列表" left="10" top="10" height="540">
<mx:Canvas id="holder_user" width="100%" height="100%">
</mx:Canvas>
</mx:Panel>
<mx:Panel id="userInfo" width="435" layout="absolute" height="540" title="客户详细信息" cornerRadius="15" top="10" left="218">
<s:VGroup paddingTop="10" paddingLeft="20" id="manageUser">
<s:HGroup gap="10" width="100%" height="25">
<s:Label text="客户信息管理" paddingTop="5" fontSize="14" fontWeight="bold" toolTip="点击左边的用户即可"/>
<s:HGroup gap="10" width="100%" height="30" paddingLeft="10" visible="{selectPeopleEvent.userItemClicked}" includeInLayout="{selectPeopleEvent.userItemClicked}" >
<s:ToggleButton label="修改此客户" width="100" id="ModifyBtn" change="modifyHandler(currentPeople)"/>
<mx:Button label="删除此客户" width="100" click="deleteHandler(currentPeople)"/>
</s:HGroup>
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="姓名:"/>
<mx:TextInput text="{currentPeople.name}" id="peoplename" enabled="{!selectPeopleEvent.userItemClicked}" />
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="性别:"/>
<mx:TextInput text="{currentPeople.sex}" id="peoplesex" enabled="{!selectPeopleEvent.userItemClicked}" />
<mx:RadioButton label="男" id="male"/>
<mx:RadioButton label="女" id="female"/>
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="手机:"/>
<mx:TextInput text="{currentPeople.phonenum}" id="peoplephone" enabled="{!selectPeopleEvent.userItemClicked}" />
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="其他:"/>
<mx:TextInput text="{currentPeople.otherinfo}" id="peopleotherinfo" enabled="{!selectPeopleEvent.userItemClicked}" />
</s:HGroup>
</s:VGroup>
<s:VGroup gap="2" width="100%" paddingTop="200" horizontalAlign="left" paddingLeft="20" id="searchUser">
<mx:HRule width="80%" height="4" />
<s:Label text="搜索客户 (请输入要查询的客户姓名 或 客户手机号码)" fontSize="14" fontWeight="bold" paddingTop="5"/>
<s:HGroup gap="10">
<mx:Label text="客户姓名:" />
<mx:TextInput id="searchname"/>
<mx:Button label="搜索" click="searchHandler()"/>
</s:HGroup>
<s:HGroup gap="10">
<mx:Label text="手机号码:" />
<mx:TextInput id="searchphone"/>
<mx:Button label="搜索" click="searchHandler()"/>
</s:HGroup>
<s:HGroup paddingTop="10"/>
<mx:HRule width="80%" height="4"/>
</s:VGroup>
<s:VGroup gap="2" width="100%" paddingTop="300" paddingLeft="20" id="addUser">
<s:Label text="添加新客户信息" fontSize="14" fontWeight="bold" paddingTop="5"/>
<s:HGroup gap="10" paddingTop="5" width="400" height="30">
<mx:Label text="姓名:" />
<mx:TextInput id="addname"/>
</s:HGroup>
<s:HGroup width="400" height="30" paddingTop="5">
<mx:Label text="性别:" />
<mx:RadioButton label="男" id="addmale"/>
<mx:RadioButton label="女" id="addfemale"/>
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="手机:" />
<mx:TextInput id="addphone"/>
</s:HGroup>
<s:HGroup gap="10" width="400" height="30" paddingTop="5">
<mx:Label text="其他:" />
<mx:TextInput id="addotherinfo"/>
</s:HGroup>
<s:HGroup gap="10" width="400" height="40" paddingLeft="10" paddingTop="10">
<s:Button label="添加" click="addHandler()"/>
<s:Button label="取消" click="clearHandler()"/>
</s:HGroup>
</s:VGroup>
</mx:Panel>
</mx:WindowedApplication>
完整源码 待续……
