北风技术专栏 » jk1234 http://column.ibeifeng.com 用技术点亮生活中每个亮点 Sun, 29 Aug 2010 06:54:20 +0000 http://wordpress.org/?v=2.6.2 en 用Flex+Lucene+s2sh开发订餐系统开发第二步:前台主界面设计技术笔记分享 http://column.ibeifeng.com/jk1234/20100619389.shtml http://column.ibeifeng.com/jk1234/20100619389.shtml#comments Sat, 19 Jun 2010 04:59:00 +0000 jk1234 http://column.ibeifeng.com/?p=389 第二讲：前台主界面设计
一、项目的创建
一、首先,建立一个FLEX PROJECT,应用服务器选择J2EE。
二、选择new进行应用服务器的配置,FLEX WAR FILE选择下载的ds-console.war文件
三、点击”完成”,建立好后的项目如下所示:
其中flex_src是Flex的源文件目录,src即是我们所熟悉的Java源文件目录.
四、为项目添加WEB支持以便能直接进行部署。

OK,最后完成后项目如下:
五、Output folder URL设置，在默认情况下，会打开http://localhost:8080/BFOrder/这个路径，但是我们编译的文件在bin目录下，所以需要将其修改成http://localhost:8080/BFOrder/bin，这样就可以了。
直接运行项目，或者运行BFOrder.mxml，如果出现如下界面，表示你的项目已经成功搭建好了。

二、自定义设计区域大小
自定义一个设计区域大小，宽度为1012，高度为600，这样在1024*768分辨率下会有最好的显示效果。

三、创建导航栏
步骤1：拖放一个LinkBar。

步骤二：拖放一个ViewStack。

步骤三：在ViewStack中插入面板。

一共添加七个，分别如下。
首页
餐店简介
美食分类
订餐指南
会员中心
订单查询
我要建议

步骤四：设置LinkBar的数据源。

步骤五：为所有的面板添加标题。

步骤六：调整位置和大小。

四、创建公告栏
步骤1：创建公告面板。

步骤2：创建一个DataGrid。

步骤3：添加测试数据。

本店开张了
2010-3-1

本店开张了
2010-3-2

本店开张了
2010-3-3

本店开张了
2010-3-4

本店开张了
2010-3-5

设置DataGrid的数据源。

]]> http://column.ibeifeng.com/jk1234/20100619389.shtml/feed