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

最近買了個新的域名，同時在阿里云申請了免費的虛擬主機。。。借此機會就想搞個自己的博客站點，雖然之前也使用了hexo + github 、 WordPress 做過，但是我的阿里云虛擬主機實在是不知道怎么去搞hexo （也許根本就搞不起來，除非自己花錢買主機，哈哈）。。。WordPress總是感覺好笨重，運行起來一股的人到中年，氣喘吁吁啊。。。百度之后，typeecho成了首選，但是markdown竟然有問題。。。一口老血。。。自己動手吧。。。

官網(wǎng)
快速入門
參考手冊

phpstudy

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

marked
editor

highlightjs

項目的github地址

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

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ā)表時間",
  `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 "文章點擊量",
  `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 "用戶登陸時間",
  `ip` varchar(16) NOT NULL COMMENT "用戶登陸ip",
  PRIMARY KEY (`id`),
  KEY `user` (`user`)
) ENGINE=MyISAM AUTO_INCREMENT=20 DEFAULT CHARSET=utf8 COMMENT="用戶表";

ByBlog

Admin 后臺目錄

Conf 配置文件

Controller 控制器

Model 模型

View 頁面

Home 前臺目錄

Conf 配置文件

Controller 控制器

Model 模型

View 頁面

Public 公共資源目錄

Css 樣式目錄

font 、fonts 字體庫

Img 圖片

js

MarkdownEditor 文章編輯器

Plugin 插件目錄

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

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

//"配置項"=>"配置值"
"DB_TYPE"=>"mysql",// 數(shù)據(jù)庫類型
"DB_HOST"=>"127.0.0.1",// 服務(wù)器地址
"DB_NAME"=>"",// 數(shù)據(jù)庫名
"DB_USER"=>"",// 用戶名
"DB_PWD"=>"",// 密碼
"DB_PORT"=>3306,// 端口
"DB_PREFIX"=>"by_",// 數(shù)據(jù)庫表前綴
"DB_CHARSET"=>"utf8",// 數(shù)據(jù)庫字符集
"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ā)表失??！");
    }
}

如果沒有問題的話呢，你就可以看到下面的截圖了

    
    




    

        

            
                        

                

                

                    
文章標(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ù)和每頁顯示的記錄數(shù)
    $Page  = new ThinkPage($count,10);
    // 分頁顯示輸出
    $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);
    // 賦值分頁輸出
    $this->assign("page",$show);
    $this->display();
    
}

然后呢你能看到的頁面是這個樣子的

寫個代碼不容易，里面自然有幾個坑。。。

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

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

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