4 系统实现及功能实例
4.1 Web会员端主要功能实现及示例
4.1.1 注册、登陆验证功能的实现
当进入网站首页时，会发现网站右侧的登陆标签，若你是会员，请点击登陆，就会跳转至登陆页面；若你不是会员，也点击登录。因为登陆页面注册按钮，用户就可以进入注册页面。在注册或登录的过程中，页面会提示不同程度的提示信息，比如登录或注册成功并自动跳转页面，会提示你的用户名或密码输入不正确等。
4.1.2 查询美食信息（包括餐厅地图信息）
（图2） （图3）
当用户在浏览美食信息时，点击进入餐厅查询餐厅所有美食信息，用户在餐厅详细信息页面可以看到美食的详细信息，包括美食信息及美食所在餐厅的
位置信息，为用户提供全面细致的餐厅及美食信息。实现过程：
var geocoder; var map;
var markersArray = [];
function initialize(lat,lng) {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(lat,lng); var myOptions = { zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP }
map = new google.maps.Map(document.getElementById(\myOptions);
addMarker(latlng); addMarker(event.latLng); }); }
4.1.3 购买、收藏美食功能的实现
（图4） （图5）
用户如果要点餐，那就必须进入美食的详细信息页面（如图4），这样就可以进行点餐和收藏了。用户只要点击订购按钮，就可以把美食添加进菜单，而且用户还可以改变订购的数量，为用户添加了便利（如图5）。
（图6） （图7）
用户在订购结束后即可进行结算，点击购物车页面的结算按钮，即可进入填写订单详细信息页面（如图6），在确认订单详细信息后，用户即可提交订单
（如图7），完成订餐过程。
4.2 Web商户端功能实现及实例
4.2.1 注册、登陆验证功能的实现
当商户进入网站首页时，会发现网站底部有商务合作与餐厅管理两个标签，若你不是已注册商户，点击商务合作就会跳转至注册页面；若你已是注册商户，点击餐厅管理。商户在注册后会在经过网站管理员的审核之后才会通过；在登录的过程中，页面会提示不同程度的提示信息，比如登录或注册成功并自动跳转页面，会提示你的用户名或密码输入不正确等。 4.2.2 管理餐厅信息（上传、修改、删除）功能的实现
（图8） （图9）
当商户已经过审核可以登录至商户管理页面时（如图8），商家可以选择修改餐厅信息页面上传餐厅信息（如图9），系统设置当前的区域为保定火车站附近的区域。这里可以通过Google地图获取商家餐厅的具体位置（精确的经纬度）并在确认上传之后上传至数据库。获取地图并添加位置数组的map.js代码如下所示：
var geocoder; var map;
var markersArray = []; function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(38.86300,115.48003);//这里就是页面当前显示的地理位置的具体经纬度。
var myOptions = { zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP }
map = new google.maps.Map(document.getElementById(\google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng); }); }
function addMarker(location) {
var clickedLocation = new google.maps.LatLng(location); var marker = new google.maps.Marker({ position: location, map: map });
document.getElementById(\获得标记的经度幷显示在文本框中--!>
document.getElementById(\获得标记的纬度幷显示在文本框中--!>
map.setCenter(location);
markersArray.push(marker); }
4.3 Android手机端功能实现及实例
4.3.1 登陆及验证功能的实现
（图10） （图11）
当用户安装Android客户端后即可运行。首先进入的是欢迎界面，然后会自动跳转进入登录界面。这里用户可以登录或注册，这里就点击登录按钮，如果你输入的用户名和密码不一致，系统就会提示你重新输入（如图10）。当你输入正确的用户名和密码后，系统就会自动跳转进入系统的主界面（如图11）。关键代码如下所示：
HttpPost httpPost = new HttpPost(url); HttpClient client = new DefaultHttpClient(); StringBuilder str = new StringBuilder(); //获取用户名文本框内容
String editUid = uid.getText().toString(); //获取密码框内容 String editPwd = pwd.getText().toString(); ArrayList
InputStreamReader(httpRes.getEntity().getContent())); for(String s = buffer.readLine();s != null; s = buffer.readLine()){ str.append(s); } //String out =
EntityUtils.toString(httpRes.getEntity().getContent();\ //StringBuilder sb = new StringBuilder(); Log.i(Tag,str.toString()); buffer.close(); JSONObject json = new JSONObject(str.toString()); String title = json.getString(\); Log.i(Tag,title); int id = json.getInt(\); if(id == 1){ Toast.makeText(this, id + title ,Toast.LENGTH_SHORT).show(); //跳转到主页面 Intent intent = new Intent(); intent.setClass(FanyouClient.this,MainActivity.class); Bundle bundle = new Bundle(); bundle.putString(\,\); intent.putExtras(bundle); startActivity(intent); FanyouClient.this.finish(); } else Toast.makeText(this,\对不起，请重新输入用户名或密码\ ,Toast.LENGTH_SHORT).show();
4.3.2 订购美食功能的实现