第一章緒 運(yùn)行環(huán)境 安裝工 運(yùn)行項(xiàng)目 項(xiàng) 及數(shù)據(jù)庫(kù)配置 項(xiàng) 數(shù)據(jù)庫(kù)配 第二章系統(tǒng)需求分析 需求陳述 系統(tǒng)的結(jié)構(gòu) 用戶登錄流程 管理流程 第三章數(shù)據(jù)庫(kù)設(shè) 邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)分析 數(shù)據(jù)庫(kù)代碼 第四章系統(tǒng)詳細(xì)設(shè) 前臺(tái)設(shè) 4.2………26第五章系統(tǒng)運(yùn)行分析…………………29第六章總結(jié)第一章緒論硬件需求：window7系統(tǒng)以上電軟件需求：navicatforMySQL，XAMPP集成包首先從網(wǎng)上XAMPP集成安裝集成記住安 可隨意改）后面項(xiàng)目發(fā)布有可以不管，mysql可以用本地的，項(xiàng)目中有配置。項(xiàng)目發(fā)布，把項(xiàng)目發(fā)布到安 下的在瀏覽器中輸入localhost/sx項(xiàng) 項(xiàng)APP是代Public是一些css和jsimage樣式文件數(shù)據(jù)庫(kù)配置代若數(shù)據(jù)庫(kù)用戶名不一樣，可在配置中直接修改如 //用戶 //，在名人簡(jiǎn)介中要實(shí)現(xiàn)用戶的登錄功能，用戶通過(guò)輸入用戶名和或錯(cuò)誤的時(shí)候提示用戶名或錯(cuò)誤的信息為了防止刷新網(wǎng)頁(yè)也要相應(yīng)的由系統(tǒng)隨機(jī)刷新當(dāng)錯(cuò)誤的時(shí)候提示出錯(cuò)信息同時(shí)刷新當(dāng)用戶名和無(wú)誤的時(shí)，然后最后提供與該名人的登錄者可以與對(duì)應(yīng)的名人進(jìn)行聯(lián)系。管理與方面要求能夠更新名人信息可以實(shí)現(xiàn)修改信息，增加新的信息進(jìn)入，為日后的軟件提供相應(yīng)的平臺(tái)。開(kāi)開(kāi) 名結(jié)進(jìn)入主界用戶用戶登信息刪信息修信息查Think_user第三章數(shù)據(jù)庫(kù)設(shè)計(jì)邏輯結(jié)構(gòu)設(shè)本系統(tǒng)數(shù)據(jù)庫(kù)采用NavicatforMySQL數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)名為myweb，數(shù)據(jù)庫(kù)在一個(gè)名人簡(jiǎn)介系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫(kù)設(shè)計(jì)的合理的數(shù)據(jù)庫(kù)設(shè)計(jì)可以提高數(shù)據(jù)的效率保證數(shù)據(jù)的完整和一致。一個(gè)ID對(duì)應(yīng)一個(gè)每個(gè)ID的人物事跡也不用一樣；2-1think_userDROPTABLEIFEXISTS`think_user`;CREATETABLE`think_user`(`ID`int(12)NOTNULL`name`varchar(50)NOT`pass`varchar(50)NOT `profile3`varchar(1000)DEFAULTNULL,PRIMARYKEY(`ID`)('','123',·)，首先要實(shí)現(xiàn)登錄功能，登錄名為要查看的名人名字默認(rèn)，123，隨機(jī)刷新，界面實(shí)現(xiàn)代碼如下<formaction="SELF"method="post"onsubmit="returncheck()"<tablecellspacing="0"cellpadding="10" width="600"height="300"align="center"<tdrowspan="5"<p> <imgsrc="PUBLIC/images/frame.jpg"width="180height="230" <td<span>名人

<font<inputid="nm"type="text"name="name"value="{$info['name']}" <span>用戶<inputid="pwd"type="password"name="pass"size="30"<td;;

<inputid='yzm'type="text"name="captcha"value=""size="8"<imgsrc="CONTROLLERonclick="this.src='CONTROLLER/verifyImg/'+Math.random()"<font<tdcolspan="2"<inputtype="submitvalue="登錄<inputtype="resetvalue="取消4-1（登錄界面的名人和均為數(shù)據(jù)庫(kù)中取出來(lái)，名人數(shù)據(jù)庫(kù)中只有馬化騰，馬云，比爾蓋茨，雷軍四個(gè)默認(rèn)為123，（當(dāng)用戶名任何一項(xiàng)為空的時(shí)候給“請(qǐng)?zhí)顚懲暾麅?nèi)容提示，實(shí)現(xiàn)代碼如下function{varname= varpwd= varyzm= {return}}4-2用戶輸入用戶名和系統(tǒng)將對(duì)輸入的用戶名和和數(shù)據(jù)庫(kù)中的用戶名和進(jìn)行驗(yàn)證當(dāng)用戶名或者錯(cuò)誤的時(shí)候給出用戶名或者錯(cuò)誤提示，實(shí)現(xiàn)代碼如下{{}}圖4-3用戶或錯(cuò)function//配置的大 //是否畫(huà)曲 //'codeSet'=> //高 //寬 //字體大小 //位 //字體，不設(shè)置隨機(jī)獲'useImgBg' $ver=new}用戶填寫系統(tǒng)將驗(yàn)證與系統(tǒng)給出的是否符合，如果不符合給出錯(cuò)誤的提示，同時(shí)刷 ，實(shí)現(xiàn)的碼如下

{$vry=new{);//}{}

圖4-4錯(cuò)含該名人的主要信息，事跡以及部分。主界面最上面的是一張?jiān)撁说?，然后上面有?jiǎn)要的信（下文全部以馬化騰為例，信息中的名字等信息從數(shù)據(jù)庫(kù)取出，下面有一個(gè)退出按鈕，點(diǎn)擊到登錄界面，主要實(shí)現(xiàn)代碼如下：<sectionid="section-banner"style="background-image:url('PUBLIC/images/{$info['name']}.jpg')"><div<div<divclass="banner-contentwow<h2大家好}IT來(lái)自 解名人

<ahref=""class="btnbtn-default">退出4-5section-banner接下來(lái)是標(biāo)題欄有主頁(yè)技能等點(diǎn)擊可以到該界面，主要實(shí)現(xiàn)代碼如下：<section <divclass="navbarnavbar-defaultmain-nav"role="navigation"<divclass="container"<buttonclass="navbar-togglecollapsed"data-target="#bs-example-navbar-collapse-1"data-toggle="collapse"><ahrefclass="navbar-brand"><divclass="collapsenavbar-collapsenavigation"id="bs-example-navbar-collapse-1"role="navigation"><ulclass="navnavbar-navnavbar-<li><ahref="#section-profile"><li><ahref="#section-skill"><li><ahref="#section-resume"><li><ahref="#section-testimonial"><li><ahref="#section-portfolio"><li><ahref="#section-contact">圖4-6 界eview現(xiàn)代碼如下：<div<div<divclass="service-innerwowfadeInRight"data-

<iclass="fafa-</div><!--service- …4-7overviewProfile界面更加詳細(xì)的介紹了該邊放置了一名人的，右邊從數(shù)據(jù)庫(kù)中取出改名人的詳細(xì)介紹，分幾段取出，<divclass="profile-bgvisible-mdvisible-lg"style="background-image:url('PUBLIC/images/{$info['yname']}.jpg')"></div><div<div<divclass="col-md-7col-sm-12pull-<divclass="profile-descwow…

4-8sectionProfilesectonskil界面主要對(duì)該名人所擁有的技能進(jìn)行一個(gè)大致的簡(jiǎn)介，該部分分兩欄，左邊是一個(gè)大致的簡(jiǎn)介，數(shù)據(jù)從數(shù)據(jù)庫(kù)中取出，右邊是用條形長(zhǎng)度表示不同來(lái)描述不同能力的大小。<div<div<divclass="col-md-6col-sm-6wow<divclass="col-md-6col-sm-6wowfadeInRight"<divclass="skill-boxwowfadeInDown"data-wow-<label><div<divclass="progress-bar"role="progress-bar"aria-valuemin="0"aria-valuenow="70"aria-valuemax="100"style="width:70%;">…4-9section-skillresume界面詳細(xì)的介紹了該名人的事跡，分為兩個(gè)部分section-resumeresume-details，section-resume界面主要對(duì)該名人的信息進(jìn)行一個(gè)介紹，resume-details界面介紹了該名人學(xué)以及創(chuàng)的信息，section-resume頁(yè)面的代碼如<div<div<divclass="col-md-12text-centerwow4-10section-resumeresume-details包含兩個(gè)主要的的經(jīng)歷和創(chuàng)業(yè)每個(gè)界面下4個(gè)標(biāo)題，我的經(jīng)歷里面包含童年時(shí)期，大學(xué)時(shí)光，設(shè)置了一個(gè)返回置頂?shù)目旖萱I，實(shí)現(xiàn)代碼如下<div<div<divclass="col-md-12wow<divclass="resume-<div…<divclass="timeline-icon"style="-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);"><ahrefclass="btnbtn-defaultfeatured">返回置頂section-testimonial頁(yè)面主要介紹了該名人最近幾年獲得的榮譽(yù)，…

<divclass="item<h4 …4-12section-testimonialsection-portfolio部分是該人物的九張精選的每張點(diǎn)擊有放大的功能，可以放大每張，每張 下的image文下取出，實(shí)現(xiàn)<div<div<divclass="col-md-12text-centerwow<p>{$file1}<div<divclass="col-md-4col-sm-<imgsrc="PUBLIC{$info.yname}1.jpg" <divclass="image-overlaytext-<ahref="PUBLIC…4-13section-portfolio圖4-14放大功最后一部分是sectoncontact，為的人提供聯(lián)系該名人的方收信地址以及其他的，主要實(shí)現(xiàn)代碼如下：<div<div…<div<divclass="col-md-6col-sm-6wow<divclass="form-<label><inputtype="text"class="form-control"…<div<ahrefclass="btnbtn-default">返回頂頁(yè)…4-15section-contactclassUserControllerextends{publicfunction{}}4.2一個(gè)系統(tǒng)最重要的部分就 系統(tǒng) 也是耗費(fèi)時(shí)最多的，通過(guò)，可以對(duì)前臺(tái)數(shù)據(jù)的修改以及增加刪除數(shù)據(jù)實(shí)現(xiàn)頁(yè)面的部分代碼如下<li ><<ul -<li><ahref="CONTROLLER/form_layouts.html">名人

<li><a ponents.html">4-16點(diǎn)擊名人管理下的添加名人按鈕后跳轉(zhuǎn)到添加名人的<formclass="form-horizontaladminex-form"action="CONTROLLER/fabu"method="post"><labelclass="col-sm-2col-sm-2

<inputtype="text"control"ceholder="限12字"control"ceholder=""control"ceholder=""

<labelclass="col-sm-2col-sm-2<inputtype="text"<labelclass="col-sm-2col-sm-2<inputtype="text