随笔-15  评论-8  文章-0  trackbacks-0
完整文档下载:/Files/caipinjob/1.rar
本项目中技术为:
最近几个朋友一起搞了个flex版本订餐系统,采用了些新技术,特别将这些做成了技术笔记和大家分享
Flex的应用越来越强大了,随着其和struts2、spring3、Hibernate3.5框架的结合,在各方面的应用越来越广,本系统还结合了lucene技术进行整合,以此实现了一些技术的应用,每天将项目学习的文档和大家分享,希望对大家的学习有所帮助!

系统介绍和开发环境的搭建

一、项目介绍

1、项目名称:Flex版本订餐系统

2、项目背景:民以食为天,餐饮业一直是与人们日常生活息息相关的行业。传统的电话订餐者上门订餐已经不能适应市场发展的需求。随着网络信息技术的发展和普通,一种更加方便、快捷的方式开始进入人们的生活,那就是网上订餐。网上订餐不但方便了订餐者,同样也使得餐店能够快捷和高效的处理订单。

3、项目功能::它主要包括公告管理会员管理美食分类管理、菜单管理、订单管理等几大模块。

4、具体实现:项目后端将采用目前最高效、最通用的S2SH整合框架技术,数据库方面将采用MySQL。项目前端将采用Flex来进行开发,还将用到Flex的许多皮肤和插件,使得系统功能更加强大。在项目中还将使用目前非常流行的搜索框架Lucene来完成检索功能。

6、项目所涉及到的技术:

       本项目涉及到的技术非常多,具体可以划分成如下十点。

       1. 使用PowerDesigner进行数据库建模

       2. 使用MySQL 5.0数据库

       3. 使用Flex 3来进行前端界面开发

       4. Flex皮肤制作和应用

       5. Flex文件上传

       6. Flex分页的实现

       7. FlexStruts 2的通信

       8.Struts 2 + Hibernate 3.5 + Spring 3整合开发

       9.使用Lucene来进行全文索引

       10.Excel的导入导出

 

二、需求分析

       网上订餐系统需要提供给客户快捷、方便的订餐服务,开发本系统的具体要求如下。

1)在系统首页需要提供推荐菜单、热门菜单以及菜单搜索功能,方便用户快速选购自己喜欢的菜单。

2)系统不要求用户进行注册和登录,只需要选择菜单并填写联系人信息即可完成订餐。

3)在用户订餐完毕后,需要能够自动计算菜单价格。同时在用户提交订单时,需要用户确定订单无误,同时还将自动生成订单号,并保存到系统的剪贴板中,方便用户保存订单号。

4)系统还需要提供会员服务功能,会员每消费一块钱将增加一积分。同时在系统首页将显示积分榜,鼓励会员消费。

5)系统需要提供菜单分类查看功能,从而方便用户选购。

三、功能分析

       网上订餐系统系统分为前台显示和后台管理两个部分,这里将主要介绍其前台部分。其功能模块如下所示。

系统首页模块:该模块是系统前台最重要的一部分,包括热门菜单、推荐菜单、菜单、购物车、积分榜等功能子模块。

餐店简介模块:该模块主要用来介绍餐店的信息,例如餐店的名称、联系人、实际地址以及联系电话等等信息。

美食分类模块:该模块主要用来分类显示美食信息,还可以通过单击菜单来查看菜单的详细信息,并发表评论信息。

会员中心模块:该模块主要用来显示会员的身份信息,并提供会员信息更新功能。

订单查询模块:该模块主要负责订单的查询功能,提供订单时间、订单号查询功能。

我要建议模块:该模块主要负责显示并添加用户留言信息,从而实现客户同客户、客户同餐店的交流。

四、开发环境的搭建

第一步:下载所需软件

FlexBuilder3 插件版: FB3_WWEJ_Plugin.exe

MyEclipse 6.5http://www.myeclipseide.com/

Lcds ds-console.wards-console.war
Tomcat 6 http://tomcat.apache.org/

第二步:安装软件

安装MyEclipse 6.5Tomcat 6这里就不再介绍了。

下面主要来介绍安装FlexBuilder 3插件,具体步骤如下所示。

1)直接双击FB3_WWEJ_Plugin.exe,进入安装。


   

2)弹出对话框,用来选择语言,目前只支持英语,所以直接点击”OK”就可以了


   

3)现在是询问你是否要安装FLEX BUILDER 3插件,选择“next”

4)现在是询问你是否同意协议,选择同意,点击“next”按钮。

5)请你选择FLEX BUILDER的安装路径,你可以自行选择,然后点击“next”按钮。

6)注意:这一步很重要,是要你选择MyEclipse 6.5中的Eclipse的安装路径,请仔细选择。

7)然后弹出让你耐心等待的界面,过一会儿然后弹出一个对话框,询问你是不是安装的是Eclipse3.23.3以及更高版本,请大家选择“Proceed with Caution”按钮即可。

8)此界面是询问你是不是要安装IEFireFox浏览器上的flash play 9,我还是希望大家两项都选,便于调试。然后点击“next”按钮。

9)弹出窗口,点击安装

10)、安装插件有两种方式,一种是使用link来进行安装,一种是直接拷贝安装,建议使用第一种。

1. link安装方式

MyEclipse6.5eclipse下的links目下下,添加一个com.adobe.flexbuilder.feature.core.link文件。在该文件中写入D:/FlexBuilder即可。

2.拷贝安装方式。

打开你FlexBuilder插件安装的文件夹,打开下面的“eclipse”文件夹,可以看到里面有featuresplugins两个文件夹,将他们copyMyEcipse6.0下的eclipse文件夹下的featuresplugins两个文件夹内(一一对应上,不要放错)。

11)启动MyEclipse,这是在视图中能看到对应的Flex视图了。

五、项目的创建

一、首先,建立一个FLEX PROJECT,应用服务器选择J2EE

二、选择new进行应用服务器的配置,FLEX WAR FILE选择下载的ds-console.war文件
三、点击"完成",建立好后的项目如下所示:
 其中flex_srcFlex的源文件目录,src即是我们所熟悉的Java源文件目录.

四、为项目添加WEB支持以便能直接进行部署。


  五、Output folder URL设置,在默认情况下,会打开http://localhost:8080/BFOrder/这个路径,但是我们编译的文件在bin目录下,所以需要将其修改成http://localhost:8080/BFOrder/bin,这样就可以了。

直接运行项目,或者运行BFOrder.mxml,如果出现如下界面,表示你的项目已经成功搭建好了。

 link

posted on 2010-06-17 22:39 小笨熊_bear 阅读(2805) 评论(0)  编辑  收藏