摘 要
随着20世纪末信息技术的飞速发展,当今世界已经进入了互联网的时代,Internet是信息产业中发展最快的技术领域。随着因特网的普及与应用,改变着人类社会生活,学习与工作的方式,同时也推动着与网络相关的新技术的快速传播。网站作为Internet的信息载体,作为企业,政府,教育机构或个人在互联网上展示自己的窗口,在宣传和传播信息方面起着越来越大的作用。
在众多网站开发技术中,JSP支持现在绝大多数操作平台,它在代码执行效率、代码可移植性及组建的应用上均优越于其他动态网页技术。因此,本文研究了基于JSP技术的系统动态网站。根据JSP的原理按照网站时机原则以及步骤,对动态网站的定义了目标、分析了网站功能需求,进行了结构设计和艺术性设计;尤其是重点介绍了开发环境的建立、数据库的设计与实现以及系统详细设计;最后对系统进行了编码与测试。通过发布,系统能够正常运行。最后得出了动态网站的解决方案
本任务书介绍了每个功能模块的具体功能和实现方法,希望能够给读者们带来参考价值。
引言
社会经济的发展,使得商业网越来越宽广,商业客户也遍及世界各地。为适应市场需求,满足各个企业或公司轻松便捷得管理客户关系的愿望,客户关系管理系统应运而生。
1 系统分析
1.1 系统介绍
该产品是一款针对大中型企业对某些固定的客户进行集中管理所开发的软件,功能在于更好的使企业领导了解与各个客户之间的关系,亦使业务员更好的更快捷更方便的与客户沟通有利于为企业发掘潜在的商业利益,使企业的效益提高。
1.2 系统模块结构图
CRM客户关系管理系统 |
客户管理 |
销售管理 |
产品管理 |
费用管理 |
词典管理 |
首页 |
-
- 系统模块简介
- 前台显示系统
- 系统模块简介
前台显示系统包括客户信息,销售信息,产品信息。
(1)客户信息:根据客户的类型显示客户的信息。
(2)销售信息:显示销售的情况以及动态。包括商业活动中产生的一些机会。
(3)产品信息:显示各类产品以及相关信息。
(4)词典信息:显示此系统中用到的所有词典,通过权限认证的用户可以添加词典。
-
-
- 后台管理系统
-
后台管理系统是系统管理员对整个系统进行维护的平台。首先登录的同时,系统会根据权限管理来判断登陆者是否有权限对系统进行操作,根据帐号的不同级别来给帐号开放某些功能,登陆者只能对系统给定的开放的功能进行操作,否则没有权限,管理员登录后可以对客户信息,销售信息,产品信息,词典信息等模块进行增删改查看,另外还有一个角色信息,最高管理员可以设定角色并且可以给新设定的角色设定权限,界面如图所示:
2.数据库分析
2.1数据库分析
本系统采用Mysql数据库,Mysql是一种关系型数据库,在它上面可以执行几乎全部的关系型数据库标准语言SQL语言。Mysql具有良好的界面,用户可以通过菜单和对话框操作,不用编写任何命令便能有效地实现各种功能的操作,完成数据管理任务。用户可以非常方便的创建非常实用的数据库应用系统。
Mysql可以接受多种格式的数据,从而方便了用户在不同系统之间进行数据转换。
启动Mysql新建一数据库,数据库名称是:crm.sql,打开数据库包括以下表:
2.2主页面的建立
2.2.1前台页面
整个前台页面的风格就是这样,上方是导航条方便我们选择不同的板块浏览,左上角是个logo,右上角是我们的模糊搜索模块,右边是各个模块的管理链接,方便用户应用此系统。
(1) 主页代码如下:
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>c r m客户关系管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<link rel="stylesheet" href="images/style/style.css" type="text/css"
media="screen" />
<style type="text/css" media="screen">
A.applink:hover {
border: 2px dotted #DCE6F4;
padding: 2px;
background-color: #ffff00;
color: #FFFFFF;
text-decoration: underline
}
A.applink {
border: 2px dotted #DCE6F4;
padding: 2px;
color: #2F5BFF;
background: transparent;
text-decoration: underline
}
A.info {
color: #2F5BFF;
background: transparent;
text-decoration: underline
}
A.info:hover {
color: green;
background: transparent;
text-decoration: underline
}
#page {
background:
url("http://www.couchart.com/wp-content/themes/default/images/kubrickbg-ltr.jpg")
repeat-y top;
border: none;
}
</style>
<link rel="stylesheet" href="images/style/lightbox.css"
type="text/css" media="screen" />
<!-- end lightbox scripts -->
<script type="text/JavaScript">
</script>
</head>
<body>
<div id="toprightnav">
</div>
<div id="header">
<div id="logoff">
<table width="110" height="50">
<tr>
<script language="JavaScript">
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=#7b9baa style='font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日 ",
"</font>" );
</script>
<script>
time_rota()
</script>
</tr>
<tr>
<b><a href="/crm/logoff.do?method=logoff">退出系统</a> </b>
</tr>
</table>
</div>
</div>
<!-- /Header -->
<div id="navigation">
<ul id="nav">
<li>
<a href="#" title="添加客户"
οnclick="MM_openBrWindow('/crm/customer.do?method=add&id=text','添加客户信息','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=500,height=680,left=300,top=120')">添加客户</a>
</li>