毕业论文论文范文课程设计实践报告法律论文英语论文教学论文医学论文农学论文艺术论文行政论文管理论文计算机安全
您现在的位置: 毕业论文 >> 管理论文 >> 正文

网络生活社圈系统分析与设计 第10页

更新时间:2014-6-27:  来源:毕业论文

网络生活社圈系统分析与设计 第10页 
图5-18 动态地图
   
   动态地图功能实质是使用地图提供商的api3接口,保存地图标注x轴与y轴坐标,在网页读取商家资料时,再通过表单的形式把商家的xy坐标值提交到地图提高商网站,再返回动态显示出来。目前,许多大型的地图网站都免费提高这种api接口服务,如谷歌地图、51地图、mapabc等,虽然它们的使用方法不尽相同,但是原理基本都是一样的,本系统使用的是51地图提高的接口。
<script type="text/javascript" src="
http://api.51ditu.com/js/maps.js "></script>
   代码解析:声明使用51地图 api 的maps.js
   Api 提供的地图调用js代码,只需要修改读取的值绑定数据库,就能动态使用地图功能了
<iframe src="/BqSee/BqSee_Map.asp?Bq_name=<%=Bq_name%>&Bq_id=<%=Bq_id%>&Bq_MapX=<%=Bq_MapX%>&Bq_MapY=<%=Bq_MapY%>&MapW=332&MapH=270&MapControl=1" width="328" height="250" frameborder="0" scrolling="no" style="border:1px solid #C1C1C1;"></iframe>  
   代码解析:通过读取数据库里的坐标值,通过框架的形式显示动态地图
地图坐标值的储存:
<input name="Bq_MapX" type="text" class="input_1" id="Bq_MapX" size="15" maxlength="15" value="<%=Bq_MapX%>" readonly="readonly" />
<input name="Bq_MapY" type="text" class="input_1" id="Bq_MapY" size="15" maxlength="15" value="<%=Bq_MapY%>" readonly="readonly" />
   代码解析:标注地图获得xy坐标的表单
   Set rs = Server.CreateObject("ADODB.Recordset")
   rs.open "Select * From Bq where Bq_id="& Bq_id,conn,1,3
   If Bq_MapX<>"" Then rs("Bq_MapX")=Bq_MapX
   If Bq_MapY<>"" Then rs("Bq_MapY")=Bq_MapY    
   代码解析:将表单值存入数据库Bq表

图5-19 商家管理后台利用js获取鼠标点击的坐标值

5.6.3商家发布资讯模块
   商家的招聘资讯、商家动态、优惠信息实质都是分类存入Bq_News表
   Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open "Select News_class,News_title,News_color,News_content,News_date,News_city,News_Bq_id,News_Bq_class from Bq_News",conn,1,3
   rs.Addnew                     ‘更新数据表
   rs("News_class")=News_class     ‘更新分类(招聘资讯、商家动态、优惠信息)
   rs("News_title")=News_title        ‘更新标题
   rs("News_content")=News_content    ‘更新内容
   rs("News_date")=Now()              ‘更新发布时间为现在系统时间
rs("News_Bq_id")=Request.Cookies("cozaa")("Bq_id")    ‘更新资讯发布者编号
   rs.Update
     rs.Close
     Set rs=Nothing
     conn.close
     Set conn=Nothing
Response.Write "<script>alert('添加成功!');window.location.href='ABqNews_add.asp?c="& Server.URLEncode(News_class) &"';</script>"
   Response.End()               ‘更新成功,提示添加成功!

 图5-20 在线编辑器eWebEditor组件的发布窗口
   
   使用在线编辑器eWebEditor组件的发布窗口,能够令新闻资讯更丰富多彩,图文并茂
   在线文本编辑器eWebEditor的调用也十分简单
<input type="hidden" id="richtext" name="richtext">   ‘richtext所需要提交的内容
<iframe class="WBTB_Composition" id="WBTB_Composition" onblur="WBTB_CopyData('Body');"  marginheight="5" marginwidth="5" width="100%" height="100%"></iframe>

5.6.4预定管理模块设计
   订单的前台操作:

图5-19 会员登陆后选择预定商品的效果图(利用js[]隐藏预定菜单)


图5-21预定提交表单
   
   会员进入一个商家黄页,挑选商家展示的商品(服饰、快餐、客房等),点击确定后进入预定提交。
  
图5-22订单提交

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >> 

网络生活社圈系统分析与设计 第10页下载如图片无法显示或论文不完整,请联系qq752018766
设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优文论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。