青菜萝卜在本地开发环境运行的方法，如果不需要Nginx的同学，只需先导入数据库脚本，然后直接将项目导入Eclipse或者MyEclipse中，修改数据库配置和Html静态化根目录，就可直接运行项目进行访问测试了。接下来先介绍下数据库脚本的导入。

导入数据库脚本

在GitHub克隆或者直接下载下来的文件夹的根目录中qingcailuobo.sql就是MySQL数据库脚本。PS：注意下自己的MySQL服务器是否支持utf8mb4编码，如果不支持的话，直接用文本编辑器打开数据库脚本将所有的utf8mb4替换称utf8即可。

将数据库脚本导入有命令行和数据库可视化工具，这里只介绍命令行的导入方式，依次执行如下命令：

create database qingcailuobo;
use qingcailuobo;
source XXXXX/qingcailuobo.sql;

其中，XXXXX表示数据库脚本的存放的父目录。如果控制台输出包含“query ok”等字符表示倒入数据库成功成功，可以进入下一步了，否则就要根据控制台提示进行检查了。

导入项目

我开发博客系统时使用的是HBuilder+Eclipse，其中Hbuilder负责开发前端，即qingcai-front和qingcai-back两个文件夹，Eclipse负责开发后端，即luobo文件夹。其实只需要Eclipse就可以搞定项目在本地开发环境运行了，因此这里只介绍使用Eclipse导入和运行项目，我的开发方式对于没有接触过Nginx的同学来来说，可能看起来比较麻烦，所以这部分在下一篇博文介绍。

打开Eclipse按照普通Java项目的方式导入项目（如果不会请自行百度），然后将qingcai-front和qingcai-back复制到luobo这个项目的WebRoot下面即可，然后打开luobo项目的src
目录下的config.properties,修改数据库配置和Html静态化根目录，其中静态化目录设置为qing-front，比如：

STATICS_ROOT_PATH = /Users/jianhonghu/gitRepository/GitHub/blog/qingcai-front

PS:由于这种方式和我本地开发方式不一样，需要同学在做如下修改，才能保证项目不出错，具体如下：

打开me.huding.luobo.back.StaticsUtils.java文件，将：

/**
     * 生成静态化的HTML的相对URL
     * @param value
     * @return
     */
    public static String genHtmlURL(String value){
        return Parameters.ARTICLES_PATH + "/" + value;
    }

替换为：

/**
     * 生成静态化的HTML的相对URL
     * @param value
     * @return
     */
    public static String genHtmlURL(String value){
        return value;
    }

同时将

public static String genPath(String url){
        return Parameters.STATICS_FINAL_PATH + url;
}

替换为：

public static String genPath(String url){
        return Parameters.STATICS_FINAL_PATH + File.separator + url;
}

运行项目

直接运行me.huding.luobo.AppConfig.java文件里的main方法即可，然后在浏览器的地址栏输入：

http://localhost:8080/luobo/qingcai-front/index.html

就可以访问前台的博客系统了，在地址栏输入：

http://localhost:8080/luobo/qingcai-back/login.html

输入默认的账号和密码：admin,123456，即可访问博客的后台管理系统。

PS：本文写的不是很好啊，不喜勿喷啊！