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

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

官網
快速入門
參考手冊

phpstudy

中文官網
英文官網

marked
editor

highlightjs

項目的github地址

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

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 "文章標題",
  `a_remark` varchar(256) DEFAULT "" COMMENT "文章描述",
  `a_keyword` varchar(32) DEFAULT "" COMMENT "文章關鍵字",
  `pid` int(11) NOT NULL DEFAULT "1" COMMENT "文章類別",
  `a_time` int(10) NOT NULL COMMENT "文章發表時間",
  `a_content` text NOT NULL COMMENT "文章內容",
  `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 是集成的開發環境，下載后解壓就可以使用。。。thinkphp下載解壓后放到phpstudy的www目錄下，在瀏覽器訪問該目錄即可把thinkphp安裝完成。。。詳細的操作流程可以自行百度，或者參考我上面發的資源鏈接。

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

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

    
    
    
    
    




    

        

            

                

                    

                        
                        文章標題
                    
                
                

                    

                        
                        文章描述
                    
                
                

                    

                        
文章內容
                        
                    
                
            
            

                

                    

                        
                        標簽（關鍵字）
                    
                
                發表文章
                    
                
            
        
    

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("發表完成！","lista");
    }else{
        $this->error("發表失敗！");
    }
}

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

    
    




    

        

            
                        

                

                

                    
文章標題
                    
操作
                
                
                

                    

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

                                編輯
                                刪除
                            
                        
                    
                
            
            

                {$page}
            
        
    

public function listA(){

    // 文章列表
    // 查詢滿足要求的總記錄數
    $count = M("article")->count();
    $this->assign("count",$count);
    // 實例化分頁類 傳入總記錄數和每頁顯示的記錄數
    $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();
    // 賦值數據集
    $this->assign("list",$article);
    // 賦值分頁輸出
    $this->assign("page",$show);
    $this->display();
    
}

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

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

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

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

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