作者:百度地震姜常宏 | 来源:互联网 | 2023-09-10 13:40
第二讲:前台主界面设计一、项目的创建一、首先,建立一个FLEXPROJECT,应用服务器选择J2EE。二、选择new进行应用服务器的配置,FLEXWARFILE选择下载的ds-co
第二讲:前台主界面设计
一、项目的创建
一、首先,建立一个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的数据源。
更多详情