摘要：部署的地址我的博客地址起因最近買(mǎi)了個(gè)新的域名，同時(shí)在阿里云申請(qǐng)了免費(fèi)的虛擬主機(jī)。。。一個(gè)前端寫(xiě)的博客系統(tǒng)前臺(tái)展示后臺(tái)登錄一個(gè)前端寫(xiě)的博客系統(tǒng)文章的修改和刪除

最近買(mǎi)了個(gè)新的域名，同時(shí)在阿里云申請(qǐng)了免費(fèi)的虛擬主機(jī)。。。借此機(jī)會(huì)就想搞個(gè)自己的博客站點(diǎn)，雖然之前也使用了hexo + github 、 WordPress 做過(guò)，但是我的阿里云虛擬主機(jī)實(shí)在是不知道怎么去搞hexo （也許根本就搞不起來(lái)，除非自己花錢(qián)買(mǎi)主機(jī)，哈哈）。。。WordPress總是感覺(jué)好笨重，運(yùn)行起來(lái)一股的人到中年，氣喘吁吁啊。。。百度之后，typeecho成了首選，但是markdown竟然有問(wèn)題。。。一口老血。。。自己動(dòng)手吧。。。

官網(wǎng)
快速入門(mén)
參考手冊(cè)

phpstudy

中文官網(wǎng)
英文官網(wǎng)

marked
editor

highlightjs

項(xiàng)目的github地址

目前來(lái)說(shuō)只用到了兩張表，一個(gè)是文章表，一個(gè)是后臺(tái)登錄的用戶表，其中有些字段還沒(méi)有用到，先寫(xiě)上備用，數(shù)據(jù)庫(kù)的設(shè)計(jì)是仿照青春博客設(shè)計(jì)

DROP TABLE IF EXISTS `by_article`;
CREATE TABLE `by_article` (
  `a_id` int(11) NOT NULL AUTO_INCREMENT COMMENT "文章邏輯ID",
  `a_url` varchar(64) DEFAULT "" COMMENT "文章圖片",
  `a_title` varchar(128) NOT NULL COMMENT "文章標(biāo)題",
  `a_remark` varchar(256) DEFAULT "" COMMENT "文章描述",
  `a_keyword` varchar(32) DEFAULT "" COMMENT "文章關(guān)鍵字",
  `pid` int(11) NOT NULL DEFAULT "1" COMMENT "文章類別",
  `a_time` int(10) NOT NULL COMMENT "文章發(fā)表時(shí)間",
  `a_content` text NOT NULL COMMENT "文章內(nèi)容",
  `a_view` int(11) NOT NULL DEFAULT "1" COMMENT "文章是否置頂",
  `a_hit` int(11) NOT NULL DEFAULT "1" COMMENT "文章點(diǎn)擊量",
  `a_original` int(1) DEFAULT "0",
  `a_from` varchar(16) NOT NULL DEFAULT "1",
  `a_writer` varchar(64) NOT NULL COMMENT "作者",
  `a_ip` varchar(16) NOT NULL,
  PRIMARY KEY (`a_id`),
  KEY `a_title` (`a_title`)
) ENGINE=MyISAM AUTO_INCREMENT=71 DEFAULT CHARSET=utf8 COMMENT="文章表";

DROP TABLE IF EXISTS `by_user`;
CREATE TABLE `by_user` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT "用戶邏輯Id",
  `name` varchar(32) NOT NULL COMMENT "登陸用戶名",
  `password` varchar(32) NOT NULL COMMENT "登陸密碼",
  `user` varchar(32) NOT NULL COMMENT "用戶名",
  `class` int(11) NOT NULL COMMENT "用戶類別",
  `last_time` int(11) NOT NULL COMMENT "用戶登陸時(shí)間",
  `ip` varchar(16) NOT NULL COMMENT "用戶登陸ip",
  PRIMARY KEY (`id`),
  KEY `user` (`user`)
) ENGINE=MyISAM AUTO_INCREMENT=20 DEFAULT CHARSET=utf8 COMMENT="用戶表";

ByBlog

Admin 后臺(tái)目錄

Conf 配置文件

Controller 控制器

Model 模型

View 頁(yè)面

Home 前臺(tái)目錄

Conf 配置文件

Controller 控制器

Model 模型

View 頁(yè)面

Public 公共資源目錄

Css 樣式目錄

font 、fonts 字體庫(kù)

Img 圖片

js

MarkdownEditor 文章編輯器

Plugin 插件目錄

phpstudy 是集成的開(kāi)發(fā)環(huán)境，下載后解壓就可以使用。。。thinkphp下載解壓后放到phpstudy的www目錄下，在瀏覽器訪問(wèn)該目錄即可把thinkphp安裝完成。。。詳細(xì)的操作流程可以自行百度，或者參考我上面發(fā)的資源鏈接。

在Config文件夾下的config.php 文件中添加數(shù)據(jù)庫(kù)的配置信息

//"配置項(xiàng)"=>"配置值"
"DB_TYPE"=>"mysql",// 數(shù)據(jù)庫(kù)類型
"DB_HOST"=>"127.0.0.1",// 服務(wù)器地址
"DB_NAME"=>"",// 數(shù)據(jù)庫(kù)名
"DB_USER"=>"",// 用戶名
"DB_PWD"=>"",// 密碼
"DB_PORT"=>3306,// 端口
"DB_PREFIX"=>"by_",// 數(shù)據(jù)庫(kù)表前綴
"DB_CHARSET"=>"utf8",// 數(shù)據(jù)庫(kù)字符集
"USER_AUTH_KEY"=>"authId"

    
    
    
    
    




    

        

            

                

                    

                        
                        文章標(biāo)題
                    
                
                

                    

                        
                        文章描述
                    
                
                

                    

                        
文章內(nèi)容
                        
                    
                
            
            

                

                    

                        
                        標(biāo)簽（關(guān)鍵字）
                    
                
                發(fā)表文章
                    
                
            
        
    

class ArticleModel extends Model {
    public function addArticle($data){
        // 添加文章
        if(M("article")->add($data)){
            return 1;
        }else{
            return 0;
        }
    }
}

public function insert(){
    $data = array (
        "a_title" => I("post.a_title"),
        "a_keyword" => I("post.a_keyword"),
        "a_remark" => I("post.a_remark"),
        "a_content" => I("post.a_content"),
        "a_time" => time(),
        "a_ip" => get_client_ip(),
    );
    if(D("Article")->addArticle($data)){
        $this->success("發(fā)表完成！","lista");
    }else{
        $this->error("發(fā)表失敗！");
    }
}

如果沒(méi)有問(wèn)題的話呢，你就可以看到下面的截圖了

    
    




    

        

            
                        

                

                

                    
文章標(biāo)題
                    
操作
                
                
                

                    

                            
{$vo.a_title} 20{$vo.a_time|date="y/m/d H:i",###}
                            

                                編輯
                                刪除
                            
                        
                    
                
            
            

                {$page}
            
        
    

public function listA(){

    // 文章列表
    // 查詢滿足要求的總記錄數(shù)
    $count = M("article")->count();
    $this->assign("count",$count);
    // 實(shí)例化分頁(yè)類 傳入總記錄數(shù)和每頁(yè)顯示的記錄數(shù)
    $Page  = new ThinkPage($count,10);
    // 分頁(yè)顯示輸出
    $show  = $Page->show();
    $article = M("article") ->order("a_id desc") -> field("a_title,a_time") ->limit($Page->firstRow.",".$Page->listRows)->select();
    // 賦值數(shù)據(jù)集
    $this->assign("list",$article);
    // 賦值分頁(yè)輸出
    $this->assign("page",$show);
    $this->display();
    
}

然后呢你能看到的頁(yè)面是這個(gè)樣子的

寫(xiě)個(gè)代碼不容易，里面自然有幾個(gè)坑。。。

時(shí)間的解碼問(wèn)題
我存到數(shù)據(jù)庫(kù)里面的是時(shí)間戳，但是經(jīng)過(guò)解碼后年份只顯示后兩位數(shù)字，所以我就自己在年份的前面加了20。。。。所以你們就看到了2070這樣的時(shí)間點(diǎn)是因?yàn)楫?dāng)時(shí)存的時(shí)間戳為空，就成了默認(rèn)的時(shí)間1970。。。但是如果是新編輯的文章還是木有問(wèn)題的。。。。

代碼寫(xiě)的應(yīng)該有不少問(wèn)題，還有很多的功能尚未實(shí)現(xiàn)，下篇文章將介紹前臺(tái)的展示和列表以及后臺(tái)的用戶登錄問(wèn)題（目前后臺(tái)的登錄還有點(diǎn)問(wèn)題尚未解決）。。。php實(shí)在不怎么熟悉了，有問(wèn)題的話歡迎吐槽（但是別噴我啊。。。）

一個(gè)前端寫(xiě)的php博客系統(tǒng)2--前臺(tái)展示+后臺(tái)登錄
一個(gè)前端寫(xiě)的php博客系統(tǒng)3--文章的修改和刪除