LAMP架构下的律师事务所网站建设方案
郁春江1, 田中尚美2
(1.苏州工业园区外包职业学院信息技术系,江苏省苏州市215123;
2.日本WAIWAINET,日本兵库县姬路市671-1234)
摘要:企业通常会通过网站介绍和发布信息,但是拥有一个独立主机的网站维护费用比较昂贵。租赁一个虚拟主机,可以大幅度降低成本。开源的LAMP在软件方面的投资成本较低,从网站的流量上看,全世界70%以上的访问流量是LAMP来提供的,LAMP是最强大的网站解决方案之一。在建设律师事务所网站时,使用LAMP架构,降低了开发成本,实现了网站内容的动态更新,后期的维护成本很低。嵌入了CKEditor,CKFinder,jQuery等开源软件,增强了网站的整体功能。
关键词:LAMP 动态网站CKEditor CKFinder jQuery WampServer2
中图分类号:TP393
The Method of Constructing Law Office Website based on LAMP
YU Chun-jiang1, Tanaka Naomi2
(1.Suzhou Industrial Park Institute of Services Outsourcing,Jiangsu Suzhou 215123;
2.Japan WaiWaiNet,Japan Hyogo Himeji 671-1234)
Abstract:Enterprises often use website to introduce and publish information, but independent host’s maintenance is expensive. Lease a virtual host can greatly reduce costs. OpenSource LAMP is based on free software, the site's traffic all of the world, more than 70% is provided by LAMP, LAMP is one of the most powerful web site solution. In the construction of law office web site we used the LAMP architecture; reduced development costs; achieved dynamic website content update and low maintenance costs. Embedded CKEditor, CKFinder, jQuery and other OpenSource software in and enhanced the overall functionality of the site.
KeyWords:LAMP; Dynamic Website; CKEditor; CKFinder; jQuery; WampServer2
0 引言
互联网作为信息双向交流和通讯的工具,被称之为继广播、报纸、杂志、电视后的第五种媒体--数字媒体。越来越多的公司、企业单位建立自己的网络站点, 使得企业本身已不局限于某个地区, 而是直接面向全世界, 它的广泛性、高效性为企业带来了不容质疑的效益和效率。
LAMP[1](Linux-Apache-MySQL-PHP)网站架构是目前国际流行的Web框架,该框架包括:Linux操作系统,Apache网络服务器,MySQL数据库,Perl、PHP或者Python编程语言,所有组成产品均是开源软件,是国际上成熟的架构框架,很多流行的商业应用都是采取这个架构,和Java/J2EE架构相比,LAMP具有Web资源丰富、轻量、快速开发等特点,微软的.NET架构相比,LAMP具有通用、跨平台、高性能、低价格的优势,因此LAMP无论是性能、质量还是价格都是企业搭建网站的首选平台。律师事务所网站建设是基于LAMP 架构的。数据存储采用MySQL数据库。使用PHP[2]中的MySQL[4]函数库操作数据库实现动态页面。
1 系统功能
本系统包含以下主要功能模块。
首页中有各个功能模块的菜单,通过菜单可以进入各个功能模块。NEWS&TOPICS和BLOG模块是动态内容部分。进入NEWS&TOPICS和BLOG模块,首先显示的是一览界面。通过一览中的链接可以进入到具体的内容。其他功能模块以介绍为主,采用静态页面。管理登录菜单,提供了进入管理模块的入口。
2 开发环境
在开发时使用WampServer2.0[3]集成环境,如图1。WampServer2.0是Windows,Apache,Mysql,PHP集成安装环境,即在Windows下的apache、php和mysql的服务器软件。实际发布的时候,配置到具有LAMP架构的租的虚拟主机上。这样就可以在Windows机器上进行开发,提高开发效率。
图1 WampServer2.0集成环境
3 利用模板构建网站框架
开发过程中使用开发工具Adobe Dreamweaver。Dreamweaver可以把网站的所有文件用站点的形式管理起来,如图2。同时对于PHP代码的关键字有颜色显示。
图2 Dreamweaver站点管理
为了使整个网站风格一致,我们采用模板技术。在Dreamweaver中新建模板文件。模板建立以后,在HTML视图中可以看到 EditRegionHere,EditRegionHere就是继承这个模板的页面可以编辑的部分。
在模板中,先把整个网站的布局建好。布局目前有两种方案,一种是使用table,另一种是使用div。使用table,比较直观和简单,但是对于复杂的界面,维护困难,代码量增多。使用div,易于维护,但要求有CSS的基础,不易精确布局。本系统界面布局不复杂,采用table来进行布局更加简洁。本网站布局分为三部分,上面部分为LOGO和菜单,下半部分的左边为NEWS&TOPICS和BLOG等功能菜单,下半部分的右边为内容显示部分。
4 前台和后台分离
本系统中,NEWS&TOPICS和BLOG是需要动态更新的部分。为了让用户可以随时更新内容,建立了后台管理功能。通过主页的管理登录按钮,进入登录界面。登录界面通过PHP访问数据库的用户表,验证用户输入的用户名和密码是否有效。如果有效则进入管理主页面,如果无效则显示提示信息,要求重新输入。
后台主要是进行数据的追加、更新和删除。NEWS&TOPICS数据存放在NEWS&TOPICS 表中。BLOG数据存放在BLOG表中。对数据更新以后,前台再获取数据库数据进行显示时,就可以反映出更新的结果。
5使用CKEditor进行内容编辑
一般在Web页面中,内容用纯文本进行编辑。但实际NEWS&TOPICS和BLOG的需求是能够进行富文本编辑(Rich Text Editor),比如字体颜色,字体大小,插入图片等。为了能够富文本编辑,采用开源的CKEditor,如图3。CKEditor[6]是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。CKEditor具有所见即所得的功能,利用PHP的$_POST[ ' txtContent ' ];或者CKEDITOR.instances.txtContent.getData()可以获取编辑框中的内容。其中txtContent为编辑框的id。CKEditor很容易嵌入到开发的网站中。
图3 CKEditor编辑器
6 使用CKFinder进行图片管理
CKEditor编辑框中可以插入图片。但是CKEditor没有提供很好的管理图片功能。为了解决此问题,采用CKFinder,如图4。CKFinder[7]是一款基于AJAX的文件管理器插件,配合CKEditor可以完成强大的文件在线管理功能,包括上传图片、上传文件、删除文件等、左侧以树形显示菜单项。
图4 CKFinder文件在线管理器
7 使用jQuery进行动态显示
本系统中,BLOG的文章都是属于某一个大分类,比如契约纠纷,事故等。同时每个大分类又可以有很多小分类。BLOG的文章必须属于某个大分类,同时可以属于某个小分类。当大分类和小分类数目较多时,要求初始状态小分类处于隐藏状态。
jQuery[5]是一个快速的,简洁的Javascript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。在jQuery的Effects模块中有fadeIn和fadeOut功能函数。利用这两个函数可以很容易的实现隐藏和显示的效果。
8 邮件发送
为了方便浏览本网站的用户,能够通过网站直接向管理员发送咨询邮件。本网站设有咨询页面。填写姓名、邮编、住址、电话、邮件地址和内容后,就可以通过PHP邮件发送函数bool mb_send_mail ( string $to , string $subject , string $message [, string $additional_headers = NULL [, string $additional_parameter = NULL ]] )给管理员发送邮件。$to为发送邮箱地址,$subject为邮件标题,$message为发送的邮件内容,$additional_headers和$additional_parameter是邮件的一些辅助参数。
9 数据库
本系统中用到5个表,分别为NEWS&TOPICS表,BLOG表,用户表,大分类表,小分类表。如图5。
图5 系统使用的数据表
10结论
本系统使用LAMP架构,缩短了开发周期,降低了开发和维护成本。后台管理模块进
行系统更新,方便了网站的维护。内容编辑嵌入了CKEditor,实现了Web页面富文本编辑功能。文件管理采用了CKFinder,实现了服务器上文件的方便管理。页面控制使用了jQuery,实现了页面的动态效果。使用PHP的邮件发送功能,通过网页直接向管理员发送邮件。数据的存储使用了MySQL数据库。本系统取得了很好的实际运行效果。
参考文献:
[1] LAMP[EB/OL]. https://www.wendangku.net/doc/1618952416.html,/view/365086.htm
[2]PHP[EB/OL]. https://www.wendangku.net/doc/1618952416.html,/manual/ja/ref.mysql.php
[3]WAMPSERVER [EB/OL]. https://www.wendangku.net/doc/1618952416.html,/
[4]MySQL [EB/OL]. https://www.wendangku.net/doc/1618952416.html,
[5]jQuery [EB/OL]. https://www.wendangku.net/doc/1618952416.html,/fadeIn/
[6]CKEditor [EB/OL]. https://www.wendangku.net/doc/1618952416.html,/
[7]CKFinder [EB/OL]. https://www.wendangku.net/doc/1618952416.html,/
联系方法
联系人:郁春江
通讯地址:苏州工业园区外包职业学院215123
电子信箱:yucj@https://www.wendangku.net/doc/1618952416.html,
电话:138********