add files

+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=
+APP_DEBUG=true
+APP_LOG_LEVEL=debug
+APP_URL=http://localhost
+
+DB_CONNECTION=mysql
+DB_HOST=127.0.0.1
+DB_PORT=3306
+DB_DATABASE=homestead
+DB_USERNAME=homestead
+DB_PASSWORD=secret
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=smtp.mailtrap.io
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+PUSHER_APP_CLUSTER=mt1

+* text=auto
+*.css linguist-vendored
+*.scss linguist-vendored
+*.js linguist-vendored
+CHANGELOG.md export-ignore

+/node_modules
+/public/hot
+/public/storage
+/storage/*.key
+/vendor
+/.idea
+/.vagrant
+Homestead.json
+Homestead.yaml
+npm-debug.log
+yarn-error.log
+.env

+<?php
+
+namespace App\Console;
+
+use Illuminate\Console\Scheduling\Schedule;
+use Illuminate\Foundation\Console\Kernel as ConsoleKernel;
+
+class Kernel extends ConsoleKernel
+{
+ /**
+ * The Artisan commands provided by your application.
+ *
+ * @var array
+ */
+ protected $commands = [
+ //
+ ];
+
+ /**
+ * Define the application's command schedule.
+ *
+ * @param \Illuminate\Console\Scheduling\Schedule $schedule
+ * @return void
+ */
+ protected function schedule(Schedule $schedule)
+ {
+ // $schedule->command('inspire')
+ // ->hourly();
+ }
+
+ /**
+ * Register the commands for the application.
+ *
+ * @return void
+ */
+ protected function commands()
+ {
+ $this->load(__DIR__.'/Commands');
+
+ require base_path('routes/console.php');
+ }
+}

+<?php
+
+namespace App\Exceptions;
+
+use Exception;
+use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+
+class Handler extends ExceptionHandler
+{
+ /**
+ * A list of the exception types that are not reported.
+ *
+ * @var array
+ */
+ protected $dontReport = [
+ //
+ ];
+
+ /**
+ * A list of the inputs that are never flashed for validation exceptions.
+ *
+ * @var array
+ */
+ protected $dontFlash = [
+ 'password',
+ 'password_confirmation',
+ ];
+
+ /**
+ * Report or log an exception.
+ *
+ * This is a great spot to send exceptions to Sentry, Bugsnag, etc.
+ *
+ * @param \Exception $exception
+ * @return void
+ */
+ public function report(Exception $exception)
+ {
+ parent::report($exception);
+ }
+
+ /**
+ * Render an exception into an HTTP response.
+ *
+ * @param \Illuminate\Http\Request $request
+ * @param \Exception $exception
+ * @return \Illuminate\Http\Response
+ */
+ public function render($request, Exception $exception)
+ {
+ return parent::render($request, $exception);
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+
+/**
+ * 后台管理系统
+ * @param [id] [id]
+ * @return [view] [返回页面]
+ */
+class IndexController extends Controller
+{
+ // 显示后台首页
+ public function index()
+ {
+ // 加载视图 渲染页面
+ return view('admin.index.index');
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use DB;
+
+/**
+ * 后台管理系统
+ * @param [id] [id]
+ * @return [view] [返回页面]
+ */
+class InvitationController extends Controller
+{
+ // 显示后台帖子列表
+ public function invitation(Request $request)
+ {
+ //从表单中接收搜索框中的信息
+ $search = $request->input('search','');
+ $d1 = $request->input('d1','');
+ $d2 = $request->input('d2','');
+
+ if ($d1 || $d2) {
+ // 获取数据库中所有用户信息
+ $data = DB::table('planet_article as T1')
+ ->join('planet_user as T2', 'T1.uuid', '=', 'T2.uuid')
+ ->join('planet_label as T3', 'T1.label_id', '=', 'T3.id')
+ ->where('T1.title','like','%'.$search.'%')
+ ->whereDate('T1.gmt_create', '>=', $d1)
+ ->whereDate('T1.gmt_create', '<=', $d2)
+ ->orderBy('T1.gmt_create', 'desc')
+ ->select(['T1.id','T1.title','T1.gmt_create','T1.gmt_modified','T1.content','T1.is_audit','T2.email','T3.name'])
+ ->paginate(10);
+ }
+
+ // 获取数据库中所有用户信息
+ $data = DB::table('planet_article as T1')
+ ->join('planet_user as T2', 'T1.uuid', '=', 'T2.uuid')
+ ->join('planet_label as T3', 'T1.label_id', '=', 'T3.id')
+ ->where('T1.title','like','%'.$search.'%')
+ ->orderBy('T1.gmt_create', 'desc')
+ ->select(['T1.id','T1.title','T1.gmt_create','T1.gmt_modified','T1.content','T1.is_audit','T2.email','T3.name'])
+ ->paginate(10);
+
+ $count = $data->sum(); 
+
+ // 加载视图 渲染页面
+ return view('admin.invitation.invitation',['data'=>$data,'search'=>$search,'count'=> $count]);
+ }
+
+ // 显示后台帖子详情
+ public function detail()
+ {
+ // 加载视图 渲染页面
+ return view('admin.invitation.detail');
+ }
+
+ // 显示后台帖子删除理由页面
+ public function dels(Request $request) {
+ $id = $request->id;
+ // 加载视图 渲染页面
+ return view('admin.invitation.dels',['id' => $id]);
+ }
+
+ // 审核通过后台帖子
+ public function check(Request $request)
+ {
+ $id = $request->id;
+ $data['is_audit'] = 1;
+ $data['audit_time'] = date('Y-m-d H:i:s',time());
+ $res = DB::table('planet_article')->where('id', $id)->update($data);
+
+ // 返回受影响的行数
+ if ( $res ) {
+ echo "<script>alert('审核通过成功');location.href='http://8.129.211.201:39006/admin/invitation/invitation'</script>";
+ } else {
+ echo "<script>alert('审核通过失败');location.href='http://8.129.211.201:39006/admin/invitation/invitation'</script>";
+ }
+ }
+
+ // 审核不通过后台帖子详情
+ public function del(Request $request)
+ {
+ $id = $request->input('id', '');
+ $reson = $request->input('reson', '');
+
+ if ($reson == '') {
+ echo "<script>alert('需要插入内容');location.href='http://8.129.211.201:39006/admin/invitation/invitation'</script>";
+ }
+
+ $data = DB::table('planet_article')->where('id', $id)->first();
+
+ $arr['reason'] = $reson;
+ $arr['uuid'] = $data->uuid;
+ $arr['title'] = $data->title;
+ $arr['gmt_create'] = $data->gmt_create;
+ $add = DB::table('planet_notice')->insert($arr);
+
+ if ($add) {
+ DB::table('planet_article_collects')->where('id', $id)->delete();
+ $res = DB::table('planet_article')->where('id', $id)->delete();
+ }
+
+ // 返回受影响的行数
+ if ( $res ) {
+ echo "<script>alert('审核成功');location.href='http://8.129.211.201:39006/admin/invitation/invitation'</script>";
+ } else {
+ echo "<script>alert('审核失败');location.href='http://8.129.211.201:39006/admin/invitation/invitation'</script>";
+ }
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+
+/**
+ * 后台管理系统
+ * @param [id] [id]
+ * @return [view] [返回页面]
+ */
+class LoginController extends Controller
+{
+ // 显示后台首页
+ public function login()
+ {
+ // 加载视图 渲染页面
+ return view('admin.login.login');
+ }
+
+ public function dologin(Requset $request) 
+ {
+ // 获取表单提交过来的数据
+ $email = $request->input('email','');
+ $password = $request->input('password','');
+
+ var_dump($email);
+ var_dump($password);
+ exit;
+
+ // 判断表单值是否为空
+ if ( empty($email) ) {
+ echo json_encode(['msg'=>'err','info'=>'用户名或密码错误']);
+ exit;
+ }
+
+ // 判断表单值是否为空
+ if ( empty($password) ) {
+ echo json_encode(['msg'=>'err','info'=>'用户名或密码错误']);
+ exit;
+ }
+
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use DB;
+
+/**
+ * 后台管理系统
+ * @param [id] [id]
+ * @return [view] [返回页面]
+ */
+class MemberController extends Controller
+{
+ // 显示后台会员列表
+ public function member(Request $request)
+ {
+ //从表单中接收搜索框中的信息
+ $search = $request->input('search');
+
+ // 获取数据库中所有用户信息
+ $data = DB::table('planet_user')->where('email','like','%'.$search.'%')->paginate(10);
+
+ $count = count($data);
+
+ // 加载视图 渲染页面
+ return view('admin.member.member',['data'=>$data,'search'=>$search,'count'=> $count]);
+ }
+
+ // 显示后台会员详情
+ public function detail(Request $request)
+ {
+ $id = $request->id;
+ // 获取数据库中所有用户信息
+ $data = DB::table('planet_user')->where('id',$id)->first();
+ 
+ // 加载视图 渲染页面
+ return view('admin.member.detail',['data'=>$data]);
+ }
+
+}

+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use DB;
+
+/**
+ * 后台管理系统
+ * @param [id] [id]
+ * @return [view] [返回页面]
+ */
+class TagController extends Controller
+{
+ // 显示后台标签列表
+ public function tag(Request $request)
+ {
+ //从表单中接收搜索框中的信息
+ $search = $request->input('search','');
+
+ // 获取数据库中所有用户信息
+ $data = DB::table('planet_label')->where('name','like','%'.$search.'%')->where('is_delete', 0)->paginate(10);
+
+ $count = count($data);
+
+ // 加载视图 渲染页面
+ return view('admin.tag.tag',['data'=>$data,'search'=>$search,'count'=> $count]);
+ }
+
+ // 添加后台标签页面
+ public function add()
+ {
+ // 加载视图 渲染页面
+ return view('admin.tag.add');
+ }
+
+ // 添加后台标签
+ public function create(Request $request)
+ {
+ $data['name'] = $request->input('label','');
+ $res = DB::table('planet_label')->insert($data);
+
+ // 返回受影响的行数
+ if ( $res ) {
+ echo "<script>alert('添加成功');location.href='http://8.129.211.201:39006/admin/tag/add'</script>";
+ } else {
+ echo "<script>alert('添加失败');location.href='http://8.129.211.201:39006/admin/tag/add'</script>";
+ }
+ }
+
+ // 禁用后台标签
+ public function status(Request $request)
+ {
+ $id = $request->id;
+ $is_enable = $request->is_enable;
+
+ if ($is_enable == 1) {
+ $data['is_enable'] = 0;
+ } else {
+ $data['is_enable'] = 1;
+ }
+
+ $res = DB::table('planet_label')->where('id', $id)->update($data);
+
+ // 返回受影响的行数
+ if ( $res ) {
+ echo "<script>alert('禁用成功');location.href='http://8.129.211.201:39006/admin/tag/tag'</script>";
+ } else {
+ echo "<script>alert('禁用失败');location.href='http://8.129.211.201:39006/admin/tag/tag'</script>";
+ }
+ }
+
+ // 删除后台标签
+ public function del(Request $request)
+ {
+ $id = $request->id;
+ $data['is_delete'] = 1;
+ $res = DB::table('planet_label')->where('id', $id)->update($data);
+
+ // 返回受影响的行数
+ if ( $res ) {
+ echo "<script>alert('删除成功');location.href='http://8.129.211.201:39006/admin/tag/tag'</script>";
+ } else {
+ echo "<script>alert('删除失败');location.href='http://8.129.211.201:39006/admin/tag/tag'</script>";
+ }
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\SendsPasswordResetEmails;
+
+class ForgotPasswordController extends Controller
+{
+ /*
+ |--------------------------------------------------------------------------
+ | Password Reset Controller
+ |--------------------------------------------------------------------------
+ |
+ | This controller is responsible for handling password reset emails and
+ | includes a trait which assists in sending these notifications from
+ | your application to your users. Feel free to explore this trait.
+ |
+ */
+
+ use SendsPasswordResetEmails;
+
+ /**
+ * Create a new controller instance.
+ *
+ * @return void
+ */
+ public function __construct()
+ {
+ $this->middleware('guest');
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\AuthenticatesUsers;
+
+class LoginController extends Controller
+{
+ /*
+ |--------------------------------------------------------------------------
+ | Login Controller
+ |--------------------------------------------------------------------------
+ |
+ | This controller handles authenticating users for the application and
+ | redirecting them to your home screen. The controller uses a trait
+ | to conveniently provide its functionality to your applications.
+ |
+ */
+
+ use AuthenticatesUsers;
+
+ /**
+ * Where to redirect users after login.
+ *
+ * @var string
+ */
+ protected $redirectTo = '/home';
+
+ /**
+ * Create a new controller instance.
+ *
+ * @return void
+ */
+ public function __construct()
+ {
+ $this->middleware('guest')->except('logout');
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\User;
+use App\Http\Controllers\Controller;
+use Illuminate\Support\Facades\Validator;
+use Illuminate\Foundation\Auth\RegistersUsers;
+
+class RegisterController extends Controller
+{
+ /*
+ |--------------------------------------------------------------------------
+ | Register Controller
+ |--------------------------------------------------------------------------
+ |
+ | This controller handles the registration of new users as well as their
+ | validation and creation. By default this controller uses a trait to
+ | provide this functionality without requiring any additional code.
+ |
+ */
+
+ use RegistersUsers;
+
+ /**
+ * Where to redirect users after registration.
+ *
+ * @var string
+ */
+ protected $redirectTo = '/home';
+
+ /**
+ * Create a new controller instance.
+ *
+ * @return void
+ */
+ public function __construct()
+ {
+ $this->middleware('guest');
+ }
+
+ /**
+ * Get a validator for an incoming registration request.
+ *
+ * @param array $data
+ * @return \Illuminate\Contracts\Validation\Validator
+ */
+ protected function validator(array $data)
+ {
+ return Validator::make($data, [
+ 'name' => 'required|string|max:255',
+ 'email' => 'required|string|email|max:255|unique:users',
+ 'password' => 'required|string|min:6|confirmed',
+ ]);
+ }
+
+ /**
+ * Create a new user instance after a valid registration.
+ *
+ * @param array $data
+ * @return \App\User
+ */
+ protected function create(array $data)
+ {
+ return User::create([
+ 'name' => $data['name'],
+ 'email' => $data['email'],
+ 'password' => bcrypt($data['password']),
+ ]);
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\ResetsPasswords;
+
+class ResetPasswordController extends Controller
+{
+ /*
+ |--------------------------------------------------------------------------
+ | Password Reset Controller
+ |--------------------------------------------------------------------------
+ |
+ | This controller is responsible for handling password reset requests
+ | and uses a simple trait to include this behavior. You're free to
+ | explore this trait and override any methods you wish to tweak.
+ |
+ */
+
+ use ResetsPasswords;
+
+ /**
+ * Where to redirect users after resetting their password.
+ *
+ * @var string
+ */
+ protected $redirectTo = '/home';
+
+ /**
+ * Create a new controller instance.
+ *
+ * @return void
+ */
+ public function __construct()
+ {
+ $this->middleware('guest');
+ }
+}

+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Routing\Controller as BaseController;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+
+class Controller extends BaseController
+{
+ use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
+
+ public function url() {
+ $url = $_SERVER["REQUEST_SCHEME"].'://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
+
+ return $url;
+ }
+}

+<?php
+
+namespace App\Http\Controllers\Home;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use DB;
+
+/**
+ * 前台首页
+ * @param [id] [id]
+ * @return [view] [返回主页面]
+ */
+class IndexController extends Controller
+{
+ // 前台 栏目 数据
+ static public function getPidCates()
+ {
+ // 获取 栏目
+ $cates_parent_data = DB::table('cates')->where('pid',0)->orderBy('id','asc')->get();
+
+ $temp = [];
+ foreach( $cates_parent_data as $key => $value ){
+ // 获取所有的子级栏目
+ $cates_child_data = DB::table('cates')->where('pid',$value->id)->get();
+ $value->sub = $cates_child_data;
+ $temp[] = $value;
+ }
+
+ return $temp;
+ }
+
+ // 获取 文章下 栏目的名称
+ static public function getCatesCname()
+ {
+ // 获取指定的cates表中的id 和 cname
+ $cates_cname_data = DB::table('cates')->select('id','cname')->get();
+
+ // 遍历 id作为数组元素下标 创建空数组$temp
+ $temp = [];
+ foreach($cates_cname_data as $k => $v){
+ $temp[$v->id] = $v->cname;
+ }
+
+ return $temp;
+ }
+
+ // 前台首页 渲染
+ public function index()
+ {
+ // 加载视图 渲染页面 分配数据
+ return view('home/index/index');
+ }
+
+}

+<?php
+
+namespace App\Http;
+
+use Illuminate\Foundation\Http\Kernel as HttpKernel;
+
+class Kernel extends HttpKernel
+{
+ /**
+ * The application's global HTTP middleware stack.
+ *
+ * These middleware are run during every request to your application.
+ *
+ * @var array
+ */
+ protected $middleware = [
+ \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
+ \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
+ \App\Http\Middleware\TrimStrings::class,
+ \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
+ \App\Http\Middleware\TrustProxies::class,
+ ];
+
+ /**
+ * The application's route middleware groups.
+ *
+ * @var array
+ */
+ protected $middlewareGroups = [
+ 'web' => [
+ \App\Http\Middleware\EncryptCookies::class,
+ \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
+ \Illuminate\Session\Middleware\StartSession::class,
+ // \Illuminate\Session\Middleware\AuthenticateSession::class,
+ \Illuminate\View\Middleware\ShareErrorsFromSession::class,
+ \App\Http\Middleware\VerifyCsrfToken::class,
+ \Illuminate\Routing\Middleware\SubstituteBindings::class,
+ ],
+
+ 'api' => [
+ 'throttle:60,1',
+ 'bindings',
+ ],
+ ];
+
+ /**
+ * The application's route middleware.
+ *
+ * These middleware may be assigned to groups or used individually.
+ *
+ * @var array
+ */
+ protected $routeMiddleware = [
+ 'auth' => \Illuminate\Auth\Middleware\Authenticate::class,
+ 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
+ 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
+ 'can' => \Illuminate\Auth\Middleware\Authorize::class,
+  'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
+ 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
+ 'login' => \App\Http\Middleware\LoginMiddleware::class,
+ ];
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Cookie\Middleware\EncryptCookies as Middleware;
+
+class EncryptCookies extends Middleware
+{
+ /**
+ * The names of the cookies that should not be encrypted.
+ *
+ * @var array
+ */
+ protected $except = [
+ //
+ ];
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+
+class LoginMiddleware
+{
+ /**
+ * Handle an incoming request.
+ *
+ * @param \Illuminate\Http\Request $request
+ * @param \Closure $next
+ * @return mixed
+ */
+ public function handle($request, Closure $next)
+ {
+ if ( session('admin_login') ) {
+ // 验证通过 进入下一步
+ return $next($request);
+ } else {
+ // 返回到登录页面
+ return redirect('admin/login/login');
+ }
+ 
+ }
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Support\Facades\Auth;
+
+class RedirectIfAuthenticated
+{
+ /**
+ * Handle an incoming request.
+ *
+ * @param \Illuminate\Http\Request $request
+ * @param \Closure $next
+ * @param string|null $guard
+ * @return mixed
+ */
+ public function handle($request, Closure $next, $guard = null)
+ {
+ if (Auth::guard($guard)->check()) {
+ return redirect('/home');
+ }
+
+ return $next($request);
+ }
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\TrimStrings as Middleware;
+
+class TrimStrings extends Middleware
+{
+ /**
+ * The names of the attributes that should not be trimmed.
+ *
+ * @var array
+ */
+ protected $except = [
+ 'password',
+ 'password_confirmation',
+ ];
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Http\Request;
+use Fideloper\Proxy\TrustProxies as Middleware;
+
+class TrustProxies extends Middleware
+{
+ /**
+ * The trusted proxies for this application.
+ *
+ * @var array
+ */
+ protected $proxies;
+
+ /**
+ * The current proxy header mappings.
+ *
+ * @var array
+ */
+ protected $headers = [
+ Request::HEADER_FORWARDED => 'FORWARDED',
+ Request::HEADER_X_FORWARDED_FOR => 'X_FORWARDED_FOR',
+ Request::HEADER_X_FORWARDED_HOST => 'X_FORWARDED_HOST',
+ Request::HEADER_X_FORWARDED_PORT => 'X_FORWARDED_PORT',
+ Request::HEADER_X_FORWARDED_PROTO => 'X_FORWARDED_PROTO',
+ ];
+}

+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as Middleware;
+
+class VerifyCsrfToken extends Middleware
+{
+ /**
+ * The URIs that should be excluded from CSRF verification.
+ *
+ * @var array
+ */
+ protected $except = [
+ //
+ ];
+}

+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class AppServiceProvider extends ServiceProvider
+{
+ /**
+ * Bootstrap any application services.
+ *
+ * @return void
+ */
+ public function boot()
+ {
+ //
+ }
+
+ /**
+ * Register any application services.
+ *
+ * @return void
+ */
+ public function register()
+ {
+ //
+ }
+}

+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+
+class AuthServiceProvider extends ServiceProvider
+{
+ /**
+ * The policy mappings for the application.
+ *
+ * @var array
+ */
+ protected $policies = [
+ 'App\Model' => 'App\Policies\ModelPolicy',
+ ];
+
+ /**
+ * Register any authentication / authorization services.
+ *
+ * @return void
+ */
+ public function boot()
+ {
+ $this->registerPolicies();
+
+ //
+ }
+}

+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Illuminate\Support\Facades\Broadcast;
+
+class BroadcastServiceProvider extends ServiceProvider
+{
+ /**
+ * Bootstrap any application services.
+ *
+ * @return void
+ */
+ public function boot()
+ {
+ Broadcast::routes();
+
+ require base_path('routes/channels.php');
+ }
+}

+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Event;
+use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
+
+class EventServiceProvider extends ServiceProvider
+{
+ /**
+ * The event listener mappings for the application.
+ *
+ * @var array
+ */
+ protected $listen = [
+ 'App\Events\Event' => [
+ 'App\Listeners\EventListener',
+ ],
+ ];
+
+ /**
+ * Register any events for your application.
+ *
+ * @return void
+ */
+ public function boot()
+ {
+ parent::boot();
+
+ //
+ }
+}

+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+ /**
+ * This namespace is applied to your controller routes.
+ *
+ * In addition, it is set as the URL generator's root namespace.
+ *
+ * @var string
+ */
+ protected $namespace = 'App\Http\Controllers';
+
+ /**
+ * Define your route model bindings, pattern filters, etc.
+ *
+ * @return void
+ */
+ public function boot()
+ {
+ //
+
+ parent::boot();
+ }
+
+ /**
+ * Define the routes for the application.
+ *
+ * @return void
+ */
+ public function map()
+ {
+ $this->mapApiRoutes();
+
+ $this->mapWebRoutes();
+
+ //
+ }
+
+ /**
+ * Define the "web" routes for the application.
+ *
+ * These routes all receive session state, CSRF protection, etc.
+ *
+ * @return void
+ */
+ protected function mapWebRoutes()
+ {
+ Route::middleware('web')
+ ->namespace($this->namespace)
+ ->group(base_path('routes/web.php'));
+ }
+
+ /**
+ * Define the "api" routes for the application.
+ *
+ * These routes are typically stateless.
+ *
+ * @return void
+ */
+ protected function mapApiRoutes()
+ {
+ Route::prefix('api')
+ ->middleware('api')
+ ->namespace($this->namespace)
+ ->group(base_path('routes/api.php'));
+ }
+}

+<?php
+
+namespace App;
+
+use Illuminate\Notifications\Notifiable;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+
+class User extends Authenticatable
+{
+ use Notifiable;
+
+ /**
+ * The attributes that are mass assignable.
+ *
+ * @var array
+ */
+ protected $fillable = [
+ 'name', 'email', 'password',
+ ];
+
+ /**
+ * The attributes that should be hidden for arrays.
+ *
+ * @var array
+ */
+ protected $hidden = [
+ 'password', 'remember_token',
+ ];
+}

+#!/usr/bin/env php
+<?php
+
+define('LARAVEL_START', microtime(true));
+
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader
+| for our application. We just need to utilize it! We'll require it
+| into the script here so that we do not have to worry about the
+| loading of any our classes "manually". Feels great to relax.
+|
+*/
+
+require __DIR__.'/vendor/autoload.php';
+
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+/*
+|--------------------------------------------------------------------------
+| Run The Artisan Application
+|--------------------------------------------------------------------------
+|
+| When we run the console application, the current CLI command will be
+| executed in this console and the response sent back to a terminal
+| or another output device for the developers. Here goes nothing!
+|
+*/
+
+$kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+
+$status = $kernel->handle(
+ $input = new Symfony\Component\Console\Input\ArgvInput,
+ new Symfony\Component\Console\Output\ConsoleOutput
+);
+
+/*
+|--------------------------------------------------------------------------
+| Shutdown The Application
+|--------------------------------------------------------------------------
+|
+| Once Artisan has finished running, we will fire off the shutdown events
+| so that any final work may be done by the application before we shut
+| down the process. This is the last thing to happen to the request.
+|
+*/
+
+$kernel->terminate($input, $status);
+
+exit($status);

+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Create The Application
+|--------------------------------------------------------------------------
+|
+| The first thing we will do is create a new Laravel application instance
+| which serves as the "glue" for all the components of Laravel, and is
+| the IoC container for the system binding all of the various parts.
+|
+*/
+
+$app = new Illuminate\Foundation\Application(
+ realpath(__DIR__.'/../')
+);
+
+/*
+|--------------------------------------------------------------------------
+| Bind Important Interfaces
+|--------------------------------------------------------------------------
+|
+| Next, we need to bind some important interfaces into the container so
+| we will be able to resolve them when needed. The kernels serve the
+| incoming requests to this application from both the web and CLI.
+|
+*/
+
+$app->singleton(
+ Illuminate\Contracts\Http\Kernel::class,
+ App\Http\Kernel::class
+);
+
+$app->singleton(
+ Illuminate\Contracts\Console\Kernel::class,
+ App\Console\Kernel::class
+);
+
+$app->singleton(
+ Illuminate\Contracts\Debug\ExceptionHandler::class,
+ App\Exceptions\Handler::class
+);
+
+/*
+|--------------------------------------------------------------------------
+| Return The Application
+|--------------------------------------------------------------------------
+|
+| This script returns the application instance. The instance is given to
+| the calling script so we can separate the building of the instances
+| from the actual running of the application and sending responses.
+|
+*/
+
+return $app;

+*
+!.gitignore

+{
+ "name": "laravel/laravel",
+ "description": "The Laravel Framework.",
+ "keywords": ["framework", "laravel"],
+ "license": "MIT",
+ "type": "project",
+ "require": {
+ "php": ">=7.0.0",
+ "fideloper/proxy": "~3.3",
+ "laravel/framework": "5.5.*",
+ "laravel/tinker": "~1.0",
+ "mews/captcha": "^2.2",
+ "predis/predis": "^1.1"
+ },
+ "require-dev": {
+ "filp/whoops": "~2.0",
+ "fzaninotto/faker": "~1.4",
+ "mockery/mockery": "~1.0",
+ "phpunit/phpunit": "~6.0",
+ "symfony/thanks": "^1.0"
+ },
+ "autoload": {
+ "classmap": [
+ "database/seeds",
+ "database/factories"
+ ],
+ "psr-4": {
+ "App\\": "app/"
+ }
+ },
+ "autoload-dev": {
+ "psr-4": {
+ "Tests\\": "tests/"
+ }
+ },
+ "extra": {
+ "laravel": {
+ "dont-discover": [
+ ]
+ }
+ },
+ "scripts": {
+ "post-root-package-install": [
+ "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+ ],
+ "post-create-project-cmd": [
+ "@php artisan key:generate"
+ ],
+ "post-autoload-dump": [
+ "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
+ "@php artisan package:discover"
+ ]
+ },
+ "config": {
+ "preferred-install": "dist",
+ "sort-packages": true,
+ "optimize-autoloader": true
+ }
+}

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Name
+ |--------------------------------------------------------------------------
+ |
+ | This value is the name of your application. This value is used when the
+ | framework needs to place the application's name in a notification or
+ | any other location as required by the application or its packages.
+ |
+ */
+
+ 'name' => env('APP_NAME', 'Laravel'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Environment
+ |--------------------------------------------------------------------------
+ |
+ | This value determines the "environment" your application is currently
+ | running in. This may determine how you prefer to configure various
+ | services your application utilizes. Set this in your ".env" file.
+ |
+ */
+
+ 'env' => env('APP_ENV', 'production'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Debug Mode
+ |--------------------------------------------------------------------------
+ |
+ | When your application is in debug mode, detailed error messages with
+ | stack traces will be shown on every error that occurs within your
+ | application. If disabled, a simple generic error page is shown.
+ |
+ */
+
+ 'debug' => env('APP_DEBUG', false),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application URL
+ |--------------------------------------------------------------------------
+ |
+ | This URL is used by the console to properly generate URLs when using
+ | the Artisan command line tool. You should set this to the root of
+ | your application so that it is used when running Artisan tasks.
+ |
+ */
+
+ 'url' => env('APP_URL', 'http://localhost'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Timezone
+ |--------------------------------------------------------------------------
+ |
+ | Here you may specify the default timezone for your application, which
+ | will be used by the PHP date and date-time functions. We have gone
+ | ahead and set this to a sensible default for you out of the box.
+ |
+ */
+
+ 'timezone' => 'PRC',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Locale Configuration
+ |--------------------------------------------------------------------------
+ |
+ | The application locale determines the default locale that will be used
+ | by the translation service provider. You are free to set this value
+ | to any of the locales which will be supported by the application.
+ |
+ */
+
+ 'locale' => 'en',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Application Fallback Locale
+ |--------------------------------------------------------------------------
+ |
+ | The fallback locale determines the locale to use when the current one
+ | is not available. You may change the value to correspond to any of
+ | the language folders that are provided through your application.
+ |
+ */
+
+ 'fallback_locale' => 'en',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Encryption Key
+ |--------------------------------------------------------------------------
+ |
+ | This key is used by the Illuminate encrypter service and should be set
+ | to a random, 32 character string, otherwise these encrypted strings
+ | will not be safe. Please do this before deploying an application!
+ |
+ */
+
+ 'key' => env('APP_KEY'),
+
+ 'cipher' => 'AES-256-CBC',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Logging Configuration
+ |--------------------------------------------------------------------------
+ |
+ | Here you may configure the log settings for your application. Out of
+ | the box, Laravel uses the Monolog PHP logging library. This gives
+ | you a variety of powerful log handlers / formatters to utilize.
+ |
+ | Available Settings: "single", "daily", "syslog", "errorlog"
+ |
+ */
+
+ 'log' => env('APP_LOG', 'single'),
+
+ 'log_level' => env('APP_LOG_LEVEL', 'debug'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Autoloaded Service Providers
+ |--------------------------------------------------------------------------
+ |
+ | The service providers listed here will be automatically loaded on the
+ | request to your application. Feel free to add your own services to
+ | this array to grant expanded functionality to your applications.
+ |
+ */
+
+ 'providers' => [
+
+ /*
+ * Laravel Framework Service Providers...
+ */
+ Illuminate\Auth\AuthServiceProvider::class,
+ Illuminate\Broadcasting\BroadcastServiceProvider::class,
+ Illuminate\Bus\BusServiceProvider::class,
+ Illuminate\Cache\CacheServiceProvider::class,
+ Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
+ Illuminate\Cookie\CookieServiceProvider::class,
+ Illuminate\Database\DatabaseServiceProvider::class,
+ Illuminate\Encryption\EncryptionServiceProvider::class,
+ Illuminate\Filesystem\FilesystemServiceProvider::class,
+ Illuminate\Foundation\Providers\FoundationServiceProvider::class,
+ Illuminate\Hashing\HashServiceProvider::class,
+ Illuminate\Mail\MailServiceProvider::class,
+ Illuminate\Notifications\NotificationServiceProvider::class,
+ Illuminate\Pagination\PaginationServiceProvider::class,
+ Illuminate\Pipeline\PipelineServiceProvider::class,
+ Illuminate\Queue\QueueServiceProvider::class,
+ Illuminate\Redis\RedisServiceProvider::class,
+ Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
+ Illuminate\Session\SessionServiceProvider::class,
+ Illuminate\Translation\TranslationServiceProvider::class,
+ Illuminate\Validation\ValidationServiceProvider::class,
+ Illuminate\View\ViewServiceProvider::class,
+
+ /*
+ * Package Service Providers...
+ */
+
+ /*
+ * Application Service Providers...
+ */
+ App\Providers\AppServiceProvider::class,
+ App\Providers\AuthServiceProvider::class,
+ // App\Providers\BroadcastServiceProvider::class,
+ App\Providers\EventServiceProvider::class,
+ App\Providers\RouteServiceProvider::class,
+ Mews\Captcha\CaptchaServiceProvider::class,
+
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Class Aliases
+ |--------------------------------------------------------------------------
+ |
+ | This array of class aliases will be registered when this application
+ | is started. However, feel free to register as many as you wish as
+ | the aliases are "lazy" loaded so they don't hinder performance.
+ |
+ */
+
+ 'aliases' => [
+
+ 'App' => Illuminate\Support\Facades\App::class,
+ 'Artisan' => Illuminate\Support\Facades\Artisan::class,
+ 'Auth' => Illuminate\Support\Facades\Auth::class,
+ 'Blade' => Illuminate\Support\Facades\Blade::class,
+ 'Broadcast' => Illuminate\Support\Facades\Broadcast::class,
+ 'Bus' => Illuminate\Support\Facades\Bus::class,
+ 'Cache' => Illuminate\Support\Facades\Cache::class,
+ 'Config' => Illuminate\Support\Facades\Config::class,
+ 'Cookie' => Illuminate\Support\Facades\Cookie::class,
+ 'Crypt' => Illuminate\Support\Facades\Crypt::class,
+ 'DB' => Illuminate\Support\Facades\DB::class,
+ 'Eloquent' => Illuminate\Database\Eloquent\Model::class,
+ 'Event' => Illuminate\Support\Facades\Event::class,
+ 'File' => Illuminate\Support\Facades\File::class,
+ 'Gate' => Illuminate\Support\Facades\Gate::class,
+ 'Hash' => Illuminate\Support\Facades\Hash::class,
+ 'Lang' => Illuminate\Support\Facades\Lang::class,
+ 'Log' => Illuminate\Support\Facades\Log::class,
+ 'Mail' => Illuminate\Support\Facades\Mail::class,
+ 'Notification' => Illuminate\Support\Facades\Notification::class,
+ 'Password' => Illuminate\Support\Facades\Password::class,
+ 'Queue' => Illuminate\Support\Facades\Queue::class,
+ 'Redirect' => Illuminate\Support\Facades\Redirect::class,
+ 'Redis' => Illuminate\Support\Facades\Redis::class,
+ 'Request' => Illuminate\Support\Facades\Request::class,
+ 'Response' => Illuminate\Support\Facades\Response::class,
+ 'Route' => Illuminate\Support\Facades\Route::class,
+ 'Schema' => Illuminate\Support\Facades\Schema::class,
+ 'Session' => Illuminate\Support\Facades\Session::class,
+ 'Storage' => Illuminate\Support\Facades\Storage::class,
+ 'URL' => Illuminate\Support\Facades\URL::class,
+ 'Validator' => Illuminate\Support\Facades\Validator::class,
+ 'View' => Illuminate\Support\Facades\View::class,
+ 'Captcha' => Mews\Captcha\Facades\Captcha::class,
+
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Authentication Defaults
+ |--------------------------------------------------------------------------
+ |
+ | This option controls the default authentication "guard" and password
+ | reset options for your application. You may change these defaults
+ | as required, but they're a perfect start for most applications.
+ |
+ */
+
+ 'defaults' => [
+ 'guard' => 'web',
+ 'passwords' => 'users',
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Authentication Guards
+ |--------------------------------------------------------------------------
+ |
+ | Next, you may define every authentication guard for your application.
+ | Of course, a great default configuration has been defined for you
+ | here which uses session storage and the Eloquent user provider.
+ |
+ | All authentication drivers have a user provider. This defines how the
+ | users are actually retrieved out of your database or other storage
+ | mechanisms used by this application to persist your user's data.
+ |
+ | Supported: "session", "token"
+ |
+ */
+
+ 'guards' => [
+ 'web' => [
+ 'driver' => 'session',
+ 'provider' => 'users',
+ ],
+
+ 'api' => [
+ 'driver' => 'token',
+ 'provider' => 'users',
+ ],
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | User Providers
+ |--------------------------------------------------------------------------
+ |
+ | All authentication drivers have a user provider. This defines how the
+ | users are actually retrieved out of your database or other storage
+ | mechanisms used by this application to persist your user's data.
+ |
+ | If you have multiple user tables or models you may configure multiple
+ | sources which represent each model / table. These sources may then
+ | be assigned to any extra authentication guards you have defined.
+ |
+ | Supported: "database", "eloquent"
+ |
+ */
+
+ 'providers' => [
+ 'users' => [
+ 'driver' => 'eloquent',
+ 'model' => App\User::class,
+ ],
+
+ // 'users' => [
+ // 'driver' => 'database',
+ // 'table' => 'users',
+ // ],
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Resetting Passwords
+ |--------------------------------------------------------------------------
+ |
+ | You may specify multiple password reset configurations if you have more
+ | than one user table or model in the application and you want to have
+ | separate password reset settings based on the specific user types.
+ |
+ | The expire time is the number of minutes that the reset token should be
+ | considered valid. This security feature keeps tokens short-lived so
+ | they have less time to be guessed. You may change this as needed.
+ |
+ */
+
+ 'passwords' => [
+ 'users' => [
+ 'provider' => 'users',
+ 'table' => 'password_resets',
+ 'expire' => 60,
+ ],
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Broadcaster
+ |--------------------------------------------------------------------------
+ |
+ | This option controls the default broadcaster that will be used by the
+ | framework when an event needs to be broadcast. You may set this to
+ | any of the connections defined in the "connections" array below.
+ |
+ | Supported: "pusher", "redis", "log", "null"
+ |
+ */
+
+ 'default' => env('BROADCAST_DRIVER', 'null'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Broadcast Connections
+ |--------------------------------------------------------------------------
+ |
+ | Here you may define all of the broadcast connections that will be used
+ | to broadcast events to other systems or over websockets. Samples of
+ | each available type of connection are provided inside this array.
+ |
+ */
+
+ 'connections' => [
+
+ 'pusher' => [
+ 'driver' => 'pusher',
+ 'key' => env('PUSHER_APP_KEY'),
+ 'secret' => env('PUSHER_APP_SECRET'),
+ 'app_id' => env('PUSHER_APP_ID'),
+ 'options' => [
+ 'cluster' => env('PUSHER_APP_CLUSTER'),
+ 'encrypted' => true,
+ ],
+ ],
+
+ 'redis' => [
+ 'driver' => 'redis',
+ 'connection' => 'default',
+ ],
+
+ 'log' => [
+ 'driver' => 'log',
+ ],
+
+ 'null' => [
+ 'driver' => 'null',
+ ],
+
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Cache Store
+ |--------------------------------------------------------------------------
+ |
+ | This option controls the default cache connection that gets used while
+ | using this caching library. This connection is used when another is
+ | not explicitly specified when executing a given caching function.
+ |
+ | Supported: "apc", "array", "database", "file", "memcached", "redis"
+ |
+ */
+
+ 'default' => env('CACHE_DRIVER', 'file'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Cache Stores
+ |--------------------------------------------------------------------------
+ |
+ | Here you may define all of the cache "stores" for your application as
+ | well as their drivers. You may even define multiple stores for the
+ | same cache driver to group types of items stored in your caches.
+ |
+ */
+
+ 'stores' => [
+
+ 'apc' => [
+ 'driver' => 'apc',
+ ],
+
+ 'array' => [
+ 'driver' => 'array',
+ ],
+
+ 'database' => [
+ 'driver' => 'database',
+ 'table' => 'cache',
+ 'connection' => null,
+ ],
+
+ 'file' => [
+ 'driver' => 'file',
+ 'path' => storage_path('framework/cache/data'),
+ ],
+
+ 'memcached' => [
+ 'driver' => 'memcached',
+ 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
+ 'sasl' => [
+ env('MEMCACHED_USERNAME'),
+ env('MEMCACHED_PASSWORD'),
+ ],
+ 'options' => [
+ // Memcached::OPT_CONNECT_TIMEOUT => 2000,
+ ],
+ 'servers' => [
+ [
+ 'host' => env('MEMCACHED_HOST', '127.0.0.1'),
+ 'port' => env('MEMCACHED_PORT', 11211),
+ 'weight' => 100,
+ ],
+ ],
+ ],
+
+ 'redis' => [
+ 'driver' => 'redis',
+ 'connection' => 'default',
+ ],
+
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Cache Key Prefix
+ |--------------------------------------------------------------------------
+ |
+ | When utilizing a RAM based store such as APC or Memcached, there might
+ | be other applications utilizing the same cache. So, we'll specify a
+ | value to get prefixed to all our keys so we can avoid collisions.
+ |
+ */
+
+ 'prefix' => env(
+ 'CACHE_PREFIX',
+ str_slug(env('APP_NAME', 'laravel'), '_').'_cache'
+ ),
+
+];

+<?php
+
+return [
+ 'characters' => ['2', '3', '4', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'm', 'n', 'p', 'q', 'r', 't', 'u', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'M', 'N', 'P', 'Q', 'R', 'T', 'U', 'X', 'Y', 'Z'],
+ 'default' => [
+ 'length' => 4,
+ 'width' => 120,
+ 'height' => 36,
+ 'quality' => 90,
+ 'math' => false,
+ ],
+ 'math' => [
+ 'length' => 9,
+ 'width' => 120,
+ 'height' => 36,
+ 'quality' => 90,
+ 'math' => true,
+ ],
+
+ 'flat' => [
+ 'length' => 6,
+ 'width' => 160,
+ 'height' => 46,
+ 'quality' => 90,
+ 'lines' => 6,
+ 'bgImage' => false,
+ 'bgColor' => '#ecf2f4',
+ 'fontColors' => ['#2c3e50', '#c0392b', '#16a085', '#c0392b', '#8e44ad', '#303f9f', '#f57c00', '#795548'],
+ 'contrast' => -5,
+ ],
+ 'mini' => [
+ 'length' => 3,
+ 'width' => 60,
+ 'height' => 32,
+ ],
+ 'inverse' => [
+ 'length' => 5,
+ 'width' => 120,
+ 'height' => 36,
+ 'quality' => 90,
+ 'sensitive' => true,
+ 'angle' => 12,
+ 'sharpen' => 10,
+ 'blur' => 2,
+ 'invert' => true,
+ 'contrast' => -5,
+ ]
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Database Connection Name
+ |--------------------------------------------------------------------------
+ |
+ | Here you may specify which of the database connections below you wish
+ | to use as your default connection for all database work. Of course
+ | you may use many connections at once using the Database library.
+ |
+ */
+
+ 'default' => env('DB_CONNECTION', 'mysql'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Database Connections
+ |--------------------------------------------------------------------------
+ |
+ | Here are each of the database connections setup for your application.
+ | Of course, examples of configuring each database platform that is
+ | supported by Laravel is shown below to make development simple.
+ |
+ |
+ | All database work in Laravel is done through the PHP PDO facilities
+ | so make sure you have the driver for your particular database of
+ | choice installed on your machine before you begin development.
+ |
+ */
+
+ 'connections' => [
+
+ 'sqlite' => [
+ 'driver' => 'sqlite',
+ 'database' => env('DB_DATABASE', database_path('database.sqlite')),
+ 'prefix' => '',
+ ],
+
+ 'mysql' => [
+ 'driver' => 'mysql',
+ 'host' => env('DB_HOST', '127.0.0.1'),
+ 'port' => env('DB_PORT', '3306'),
+ 'database' => env('DB_DATABASE', 'forge'),
+ 'username' => env('DB_USERNAME', 'forge'),
+ 'password' => env('DB_PASSWORD', ''),
+ 'unix_socket' => env('DB_SOCKET', ''),
+ 'charset' => 'utf8mb4',
+ 'collation' => 'utf8mb4_unicode_ci',
+ 'prefix' => 'nt_flow_',
+ 'strict' => true,
+ 'engine' => null,
+ ],
+
+ 'pgsql' => [
+ 'driver' => 'pgsql',
+ 'host' => env('DB_HOST', '127.0.0.1'),
+ 'port' => env('DB_PORT', '5432'),
+ 'database' => env('DB_DATABASE', 'forge'),
+ 'username' => env('DB_USERNAME', 'forge'),
+ 'password' => env('DB_PASSWORD', ''),
+ 'charset' => 'utf8',
+ 'prefix' => '',
+ 'schema' => 'public',
+ 'sslmode' => 'prefer',
+ ],
+
+ 'sqlsrv' => [
+ 'driver' => 'sqlsrv',
+ 'host' => env('DB_HOST', 'localhost'),
+ 'port' => env('DB_PORT', '1433'),
+ 'database' => env('DB_DATABASE', 'forge'),
+ 'username' => env('DB_USERNAME', 'forge'),
+ 'password' => env('DB_PASSWORD', ''),
+ 'charset' => 'utf8',
+ 'prefix' => '',
+ ],
+
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Migration Repository Table
+ |--------------------------------------------------------------------------
+ |
+ | This table keeps track of all the migrations that have already run for
+ | your application. Using this information, we can determine which of
+ | the migrations on disk haven't actually been run in the database.
+ |
+ */
+
+ 'migrations' => 'migrations',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Redis Databases
+ |--------------------------------------------------------------------------
+ |
+ | Redis is an open source, fast, and advanced key-value store that also
+ | provides a richer set of commands than a typical key-value systems
+ | such as APC or Memcached. Laravel makes it easy to dig right in.
+ |
+ */
+
+ 'redis' => [
+
+ 'client' => 'predis',
+
+ 'default' => [
+ 'host' => env('REDIS_HOST', '127.0.0.1'),
+ 'password' => env('REDIS_PASSWORD', null),
+ 'port' => env('REDIS_PORT', 6379),
+ 'database' => env('REDIS_DATABASES', 0),
+ ],
+
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Filesystem Disk
+ |--------------------------------------------------------------------------
+ |
+ | Here you may specify the default filesystem disk that should be used
+ | by the framework. The "local" disk, as well as a variety of cloud
+ | based disks are available to your application. Just store away!
+ |
+ */
+
+ 'default' => env('FILESYSTEM_DRIVER', 'local'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Cloud Filesystem Disk
+ |--------------------------------------------------------------------------
+ |
+ | Many applications store files both locally and in the cloud. For this
+ | reason, you may specify a default "cloud" driver here. This driver
+ | will be bound as the Cloud disk implementation in the container.
+ |
+ */
+
+ 'cloud' => env('FILESYSTEM_CLOUD', 's3'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Filesystem Disks
+ |--------------------------------------------------------------------------
+ |
+ | Here you may configure as many filesystem "disks" as you wish, and you
+ | may even configure multiple disks of the same driver. Defaults have
+ | been setup for each driver as an example of the required options.
+ |
+ | Supported Drivers: "local", "ftp", "s3", "rackspace"
+ |
+ */
+
+ 'disks' => [
+
+ 'local' => [
+ 'driver' => 'local',
+ // 'root' => storage_path('app')
+ 'root' => public_path('uploads'),
+ ],
+
+ 'public' => [
+ 'driver' => 'local',
+ 'root' => storage_path('app/public'),
+ 'url' => env('APP_URL').'/storage',
+ 'visibility' => 'public',
+ ],
+
+ 's3' => [
+ 'driver' => 's3',
+ 'key' => env('AWS_ACCESS_KEY_ID'),
+ 'secret' => env('AWS_SECRET_ACCESS_KEY'),
+ 'region' => env('AWS_DEFAULT_REGION'),
+ 'bucket' => env('AWS_BUCKET'),
+ ],
+
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Mail Driver
+ |--------------------------------------------------------------------------
+ |
+ | Laravel supports both SMTP and PHP's "mail" function as drivers for the
+ | sending of e-mail. You may specify which one you're using throughout
+ | your application here. By default, Laravel is setup for SMTP mail.
+ |
+ | Supported: "smtp", "sendmail", "mailgun", "mandrill", "ses",
+ | "sparkpost", "log", "array"
+ |
+ */
+
+ 'driver' => env('MAIL_DRIVER', 'smtp'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | SMTP Host Address
+ |--------------------------------------------------------------------------
+ |
+ | Here you may provide the host address of the SMTP server used by your
+ | applications. A default option is provided that is compatible with
+ | the Mailgun mail service which will provide reliable deliveries.
+ |
+ */
+
+ 'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | SMTP Host Port
+ |--------------------------------------------------------------------------
+ |
+ | This is the SMTP port used by your application to deliver e-mails to
+ | users of the application. Like the host we have set this value to
+ | stay compatible with the Mailgun e-mail application by default.
+ |
+ */
+
+ 'port' => env('MAIL_PORT', 587),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Global "From" Address
+ |--------------------------------------------------------------------------
+ |
+ | You may wish for all e-mails sent by your application to be sent from
+ | the same address. Here, you may specify a name and address that is
+ | used globally for all e-mails that are sent by your application.
+ |
+ */
+
+ 'from' => [
+ 'address' => env('MAIL_FROM_ADDRESS', '[email protected]'),
+ 'name' => env('MAIL_FROM_NAME', 'Example'),
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | E-Mail Encryption Protocol
+ |--------------------------------------------------------------------------
+ |
+ | Here you may specify the encryption protocol that should be used when
+ | the application send e-mail messages. A sensible default using the
+ | transport layer security protocol should provide great security.
+ |
+ */
+
+ 'encryption' => env('MAIL_ENCRYPTION', 'tls'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | SMTP Server Username
+ |--------------------------------------------------------------------------
+ |
+ | If your SMTP server requires a username for authentication, you should
+ | set it here. This will get used to authenticate with your server on
+ | connection. You may also set the "password" value below this one.
+ |
+ */
+
+ 'username' => env('MAIL_USERNAME'),
+
+ 'password' => env('MAIL_PASSWORD'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Sendmail System Path
+ |--------------------------------------------------------------------------
+ |
+ | When using the "sendmail" driver to send e-mails, we will need to know
+ | the path to where Sendmail lives on this server. A default path has
+ | been provided here, which will work well on most of your systems.
+ |
+ */
+
+ 'sendmail' => '/usr/sbin/sendmail -bs',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Markdown Mail Settings
+ |--------------------------------------------------------------------------
+ |
+ | If you are using Markdown based email rendering, you may configure your
+ | theme and component paths here, allowing you to customize the design
+ | of the emails. Or, you may simply stick with the Laravel defaults!
+ |
+ */
+
+ 'markdown' => [
+ 'theme' => 'default',
+
+ 'paths' => [
+ resource_path('views/vendor/mail'),
+ ],
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Queue Driver
+ |--------------------------------------------------------------------------
+ |
+ | Laravel's queue API supports an assortment of back-ends via a single
+ | API, giving you convenient access to each back-end using the same
+ | syntax for each one. Here you may set the default queue driver.
+ |
+ | Supported: "sync", "database", "beanstalkd", "sqs", "redis", "null"
+ |
+ */
+
+ 'default' => env('QUEUE_DRIVER', 'sync'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Queue Connections
+ |--------------------------------------------------------------------------
+ |
+ | Here you may configure the connection information for each server that
+ | is used by your application. A default configuration has been added
+ | for each back-end shipped with Laravel. You are free to add more.
+ |
+ */
+
+ 'connections' => [
+
+ 'sync' => [
+ 'driver' => 'sync',
+ ],
+
+ 'database' => [
+ 'driver' => 'database',
+ 'table' => 'jobs',
+ 'queue' => 'default',
+ 'retry_after' => 90,
+ ],
+
+ 'beanstalkd' => [
+ 'driver' => 'beanstalkd',
+ 'host' => 'localhost',
+ 'queue' => 'default',
+ 'retry_after' => 90,
+ ],
+
+ 'sqs' => [
+ 'driver' => 'sqs',
+ 'key' => env('SQS_KEY', 'your-public-key'),
+ 'secret' => env('SQS_SECRET', 'your-secret-key'),
+ 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
+ 'queue' => env('SQS_QUEUE', 'your-queue-name'),
+ 'region' => env('SQS_REGION', 'us-east-1'),
+ ],
+
+ 'redis' => [
+ 'driver' => 'redis',
+ 'connection' => 'default',
+ 'queue' => 'default',
+ 'retry_after' => 90,
+ ],
+
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Failed Queue Jobs
+ |--------------------------------------------------------------------------
+ |
+ | These options configure the behavior of failed queue job logging so you
+ | can control which database and table are used to store the jobs that
+ | have failed. You may change them to any database / table you wish.
+ |
+ */
+
+ 'failed' => [
+ 'database' => env('DB_CONNECTION', 'mysql'),
+ 'table' => 'failed_jobs',
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Third Party Services
+ |--------------------------------------------------------------------------
+ |
+ | This file is for storing the credentials for third party services such
+ | as Stripe, Mailgun, SparkPost and others. This file provides a sane
+ | default location for this type of information, allowing packages
+ | to have a conventional place to find your various credentials.
+ |
+ */
+
+ 'mailgun' => [
+ 'domain' => env('MAILGUN_DOMAIN'),
+ 'secret' => env('MAILGUN_SECRET'),
+ ],
+
+ 'ses' => [
+ 'key' => env('SES_KEY'),
+ 'secret' => env('SES_SECRET'),
+ 'region' => 'us-east-1',
+ ],
+
+ 'sparkpost' => [
+ 'secret' => env('SPARKPOST_SECRET'),
+ ],
+
+ 'stripe' => [
+ 'model' => App\User::class,
+ 'key' => env('STRIPE_KEY'),
+ 'secret' => env('STRIPE_SECRET'),
+ ],
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | Default Session Driver
+ |--------------------------------------------------------------------------
+ |
+ | This option controls the default session "driver" that will be used on
+ | requests. By default, we will use the lightweight native driver but
+ | you may specify any of the other wonderful drivers provided here.
+ |
+ | Supported: "file", "cookie", "database", "apc",
+ | "memcached", "redis", "array"
+ |
+ */
+
+ 'driver' => env('SESSION_DRIVER', 'file'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Lifetime
+ |--------------------------------------------------------------------------
+ |
+ | Here you may specify the number of minutes that you wish the session
+ | to be allowed to remain idle before it expires. If you want them
+ | to immediately expire on the browser closing, set that option.
+ |
+ */
+
+ 'lifetime' => env('SESSION_LIFETIME', 120),
+
+ 'expire_on_close' => false,
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Encryption
+ |--------------------------------------------------------------------------
+ |
+ | This option allows you to easily specify that all of your session data
+ | should be encrypted before it is stored. All encryption will be run
+ | automatically by Laravel and you can use the Session like normal.
+ |
+ */
+
+ 'encrypt' => false,
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session File Location
+ |--------------------------------------------------------------------------
+ |
+ | When using the native session driver, we need a location where session
+ | files may be stored. A default has been set for you but a different
+ | location may be specified. This is only needed for file sessions.
+ |
+ */
+
+ 'files' => storage_path('framework/sessions'),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Database Connection
+ |--------------------------------------------------------------------------
+ |
+ | When using the "database" or "redis" session drivers, you may specify a
+ | connection that should be used to manage these sessions. This should
+ | correspond to a connection in your database configuration options.
+ |
+ */
+
+ 'connection' => null,
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Database Table
+ |--------------------------------------------------------------------------
+ |
+ | When using the "database" session driver, you may specify the table we
+ | should use to manage the sessions. Of course, a sensible default is
+ | provided for you; however, you are free to change this as needed.
+ |
+ */
+
+ 'table' => 'sessions',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Cache Store
+ |--------------------------------------------------------------------------
+ |
+ | When using the "apc" or "memcached" session drivers, you may specify a
+ | cache store that should be used for these sessions. This value must
+ | correspond with one of the application's configured cache stores.
+ |
+ */
+
+ 'store' => null,
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Sweeping Lottery
+ |--------------------------------------------------------------------------
+ |
+ | Some session drivers must manually sweep their storage location to get
+ | rid of old sessions from storage. Here are the chances that it will
+ | happen on a given request. By default, the odds are 2 out of 100.
+ |
+ */
+
+ 'lottery' => [2, 100],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Cookie Name
+ |--------------------------------------------------------------------------
+ |
+ | Here you may change the name of the cookie used to identify a session
+ | instance by ID. The name specified here will get used every time a
+ | new session cookie is created by the framework for every driver.
+ |
+ */
+
+ 'cookie' => env(
+ 'SESSION_COOKIE',
+ str_slug(env('APP_NAME', 'laravel'), '_').'_session'
+ ),
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Cookie Path
+ |--------------------------------------------------------------------------
+ |
+ | The session cookie path determines the path for which the cookie will
+ | be regarded as available. Typically, this will be the root path of
+ | your application but you are free to change this when necessary.
+ |
+ */
+
+ 'path' => '/',
+
+ /*
+ |--------------------------------------------------------------------------
+ | Session Cookie Domain
+ |--------------------------------------------------------------------------
+ |
+ | Here you may change the domain of the cookie used to identify a session
+ | in your application. This will determine which domains the cookie is
+ | available to in your application. A sensible default has been set.
+ |
+ */
+
+ 'domain' => env('SESSION_DOMAIN', null),
+
+ /*
+ |--------------------------------------------------------------------------
+ | HTTPS Only Cookies
+ |--------------------------------------------------------------------------
+ |
+ | By setting this option to true, session cookies will only be sent back
+ | to the server if the browser has a HTTPS connection. This will keep
+ | the cookie from being sent to you if it can not be done securely.
+ |
+ */
+
+ 'secure' => env('SESSION_SECURE_COOKIE', false),
+
+ /*
+ |--------------------------------------------------------------------------
+ | HTTP Access Only
+ |--------------------------------------------------------------------------
+ |
+ | Setting this value to true will prevent JavaScript from accessing the
+ | value of the cookie and the cookie will only be accessible through
+ | the HTTP protocol. You are free to modify this option if needed.
+ |
+ */
+
+ 'http_only' => true,
+
+ /*
+ |--------------------------------------------------------------------------
+ | Same-Site Cookies
+ |--------------------------------------------------------------------------
+ |
+ | This option determines how your cookies behave when cross-site requests
+ | take place, and can be used to mitigate CSRF attacks. By default, we
+ | do not enable this as other CSRF protection services are in place.
+ |
+ | Supported: "lax", "strict"
+ |
+ */
+
+ 'same_site' => null,
+
+];

+<?php
+
+return [
+
+ /*
+ |--------------------------------------------------------------------------
+ | View Storage Paths
+ |--------------------------------------------------------------------------
+ |
+ | Most templating systems load templates from disk. Here you may specify
+ | an array of paths that should be checked for your views. Of course
+ | the usual Laravel view path has already been registered for you.
+ |
+ */
+
+ 'paths' => [
+ resource_path('views'),
+ ],
+
+ /*
+ |--------------------------------------------------------------------------
+ | Compiled View Path
+ |--------------------------------------------------------------------------
+ |
+ | This option determines where all the compiled Blade templates will be
+ | stored for your application. Typically, this is within the storage
+ | directory. However, as usual, you are free to change this value.
+ |
+ */
+
+ 'compiled' => realpath(storage_path('framework/views')),
+
+];

+*.sqlite

+<?php
+
+use Faker\Generator as Faker;
+
+/*
+|--------------------------------------------------------------------------
+| Model Factories
+|--------------------------------------------------------------------------
+|
+| This directory should contain each of the model factory definitions for
+| your application. Factories provide a convenient way to generate new
+| model instances for testing / seeding your application's database.
+|
+*/
+
+$factory->define(App\User::class, function (Faker $faker) {
+ return [
+ 'name' => $faker->name,
+ 'email' => $faker->unique()->safeEmail,
+ 'password' => '$2y$10$TKh8H1.PfQx37YgCzwiKb.KjNyWgaHb9cbcoQgdIVFlYg7B77UdFm', // secret
+ 'remember_token' => str_random(10),
+ ];
+});

+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateUsersTable extends Migration
+{
+ /**
+ * Run the migrations.
+ *
+ * @return void
+ */
+ public function up()
+ {
+ Schema::create('users', function (Blueprint $table) {
+ $table->increments('id');
+ $table->string('name');
+ $table->string('email')->unique();
+ $table->string('password');
+ $table->rememberToken();
+ $table->timestamps();
+ });
+ }
+
+ /**
+ * Reverse the migrations.
+ *
+ * @return void
+ */
+ public function down()
+ {
+ Schema::dropIfExists('users');
+ }
+}

+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreatePasswordResetsTable extends Migration
+{
+ /**
+ * Run the migrations.
+ *
+ * @return void
+ */
+ public function up()
+ {
+ Schema::create('password_resets', function (Blueprint $table) {
+ $table->string('email')->index();
+ $table->string('token');
+ $table->timestamp('created_at')->nullable();
+ });
+ }
+
+ /**
+ * Reverse the migrations.
+ *
+ * @return void
+ */
+ public function down()
+ {
+ Schema::dropIfExists('password_resets');
+ }
+}

+<?php
+
+use Illuminate\Database\Seeder;
+
+class DatabaseSeeder extends Seeder
+{
+ /**
+ * Run the database seeds.
+ *
+ * @return void
+ */
+ public function run()
+ {
+ // $this->call(UsersTableSeeder::class);
+ }
+}

+/*
+Navicat MySQL Data Transfer
+
+Source Server : 本地MYSQL
+Source Server Version : 50724
+Source Host : localhost:3306
+Source Database : myblog
+
+Target Server Type : MYSQL
+Target Server Version : 50724
+File Encoding : 65001
+
+Date: 2019-06-10 14:22:32
+*/
+
+SET FOREIGN_KEY_CHECKS=0;
+
+-- ----------------------------
+-- Table structure for articles
+-- ----------------------------
+DROP TABLE IF EXISTS `articles`;
+CREATE TABLE `articles` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+ `title` varchar(128) DEFAULT NULL,
+ `auth` varchar(32) DEFAULT NULL,
+ `desc` varchar(255) DEFAULT NULL,
+ `ctime` datetime DEFAULT NULL,
+ `tid` int(11) NOT NULL,
+ `cid` int(11) NOT NULL,
+ `thumb` varchar(128) CHARACTER SET utf32 DEFAULT NULL,
+ `num` int(11) DEFAULT NULL,
+ `goodnum` int(11) DEFAULT NULL,
+ `content` longtext NOT NULL,
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=17 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of articles
+-- ----------------------------
+INSERT INTO `articles` VALUES ('1', '这些跑步建议，你一定要知道', '小明哥', '抛开职业跑者，对于绝大多数人来说，我们选择跑步的目的就是为了健身或者减肥。在日常跑步过程中，逞强并不可取，也不是真正的勇敢，而是不敢正视自己。 ...', '2019-05-24 21:48:52', '2', '3', '20190524/eyMrfE6L7xwx6opySxMuM67C3lRvaTrz7B76VolT.jpeg', '1706', '209', '<p><strong>1、不要空腹跑步</strong></p><p>都说饭后两小时之内不能做剧烈运动，到现在跑步赛事鸣枪的时间都特别早，有的朋友晨跑，不吃早餐空腹跑步也不值得提倡。</p><p>空腹晨跑影响肠胃，尤其是对胃的伤害非常大，人体经过一夜的新陈代谢很多器官都处于不利的状态，急需补充能量和营养物质，空腹晨跑使得胃受到刺激，加重胃的负担。</p><p>建议跑者最好以补充碳水化合物为主，摄入300-500卡路里的能量。</p><p style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 25px; color: rgb(47, 47, 47); font-family: -apple-system, &quot;SF UI Text&quot;, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); word-break: break-word !important;\"><span style=\"box-sizing: border-box; font-weight: 700;\">2、严格执行计划？也要学会偶尔放松啦</span></p><p style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 25px; color: rgb(47, 47, 47); font-family: -apple-system, &quot;SF UI Text&quot;, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); word-break: break-word !important;\">跑者通常都会为制定严格的训练计划，但不计后果的去执行很不可取，学会放弃也是门哲学。</p><p style=\"box-sizing: border-box; margin-top: 0px; margin-bottom: 25px; color: rgb(47, 47, 47); font-family: -apple-system, &quot;SF UI Text&quot;, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); word-break: break-word !important;\">都说法无久不变，运无往不复，制定计划的时候很难提前预知天气、身体等客观因素，聪明的跑者都能灵活变通，做出适当的改变。</p><p><strong>3、热身，千万不要错过</strong><br/></p><p>有些心急的跑者喜欢换上装备直接开跑， 虽然有人能免遭其害，如果长时间如此，诸如抽筋，跟腱酸痛等毛病会时常来光顾你的身体。</p><p>不管你跑多长的距离，充分的热身都至关重要，你可以选择循序渐进的方式，开始的时候原地踏步，随后进行跨步，最后在活动一下各关节，这样能大大降低跑步受伤的概率。当然也不要忘了然后拉伸。</p><p><strong>4、别逞强，痛就要停下来</strong><br/></p><p>跑步是一项耐力运动，长时间的运动会导致疲劳，疲劳往往更容易产生伤病。跑步的时候千万不要抱着硬撑的心理，当身体出现不适的时候，其实是它在向你抗议，跑步不提倡轻伤不下火线，忽略小伤小痛会让你付出惨重的代价。</p><p><br/></p><p><br/></p>');
+INSERT INTO `articles` VALUES ('2', 'CSS省略号text-overflow超出溢出显示省略号', '小红', 'DIV CSS text-overflow文本有溢出时显示css省略号clip ellipsis样式基础知识与用法实例经验教程篇', '2019-05-24 21:37:51', '1', '2', '20190522/uQZN67MAjsphnnwbglvuKar35jXM5Db0GUNURPeI.jpeg', '1310', '589', '<p><span style=\"color: rgb(51, 51, 51); font-family: tahoma, &quot;microsoft yahei&quot;, 微软雅黑; background-color: rgb(255, 255, 255);\">有时为了避免文本文字内容超出一定宽度后溢出，我们想要溢出的部分不显示但用省略号（...）显示，这个时候我们可以使用CSS text-overflow文本溢出省略号属性样式实现。</span></p>');
+INSERT INTO `articles` VALUES ('13', '女人爱你到最高境界，才会“故意”打扰你', '小红姐姐', '感情里，很多男人都不喜欢过于粘人的女朋友，总觉得每天和女人在一起少了些自由。', '2019-05-25 22:14:02', '1', '2', '20190525/5tNLID3ffV80IdN0H8NypgD1tdAXkpRUV0dT39Ai.jpeg', '3675', '671', '<p>感情里，很多男人都不喜欢过于粘人的女朋友，总觉得每天和女人在一起少了些自由。不管是在婚姻里，还是在恋爱的时候，男人都渴望自由，不想一直被女人缠着。</p><p>一回头看见女人的样子，男人的心里不但不踏实，还会很心烦。在这一刻，很想把女人狠狠地推开。有的时候，两个人会因为这件事吵来吵去，最后还是没有达成一致。</p><p>两个人成为了恋人，就应该站在对方的角度思考问题，要知道对方的心里想法。这样，才知道对方的不容易，才会认真对待这份爱情，才会好好珍惜爱人。</p><p>要知道，没有人会用宝贵的时间去打扰一个不爱的人，没有人会无聊到这种地步。女人之所以打扰你，是因为想让你多陪陪她，给她一点温暖。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/16235793-34d74e086865f2cb.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>或许她的方式不对，但她这样做是想拉近两颗心。女人爱你到最高境界，才会“故意”打扰你 ，别再误会了。</p><p>想念你，想依靠在你的怀里</p><p>女人深爱着男人，就会一直粘着男人，男人走到哪女人就想跟到哪。这是女人对爱的一种表达方式，想让男人在意自己，想走进男人的心里。</p><p>单独相处的时候，她会靠近你，和你只有几毫米的距离，人多的时候，他会一直牵着你的手，即使一只手做什么事情不方便，她也不会松开你。</p><p>很多时候，女人也会想很多，怕你对她没新鲜感，但她就是忍不住的靠近你。爱一个人就是这样的，不靠近觉得缺少点什么，靠近了心安了，却又怕你会厌倦。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/16235793-fd8b09bb81f0b5c6.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>在乎你，不想看到你被灌醉</p><p>真正爱上了一个人，是很放心不下的，所以，她管得比较多。男人喜欢热闹，不管谁找吃饭，都会毫不犹豫的答应，根本不会考虑女人的感受。</p><p>下班以后没有回家，也没有给女人发一条消息，直接去参加聚会了。女人早已做好了饭菜，就等着男人回来吃饭呢，可一直没有等到男人。</p><p>心里惦记着男人，不停地给男人打电话，发消息。或许男人正开心着呢，看到女人的消息没有回复，把手机扔到了一旁。男人心里一万个不愿意，觉得女人很烦，打扰到自己了。</p><p>选择和谁在一起，就要对谁负责任，不要心里只想着自己，不要认为别人做的都是错误的。作为一个成年人，别太幼稚，别扎对方的心，别让对方感到累。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/16235793-53ba3c2e8be7fcd6.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>需要你，想每时每刻都有你</p><p>女人是很没有安全感的，习惯拉着父母的衣角，生怕父母和自己保持距离，习惯跟在男人的身后，生怕男人把自己丢掉。</p><p>没有人陪在身旁的日子，是很孤独的，女人不想有这种感觉。需要你，想一直看见你的样子，哪怕你什么也不说，她也会很满足。</p><p>或许频繁出现在你的身旁，你有些不习惯，但只要你理解她，就不会这样想了，因为她只是想让自己安心。珍惜陪在你身旁的人，珍惜打扰你的人，她是真心爱你，不掺一点假。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/16235793-a7a7a1fda053ad5a.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>心疼你，不想让你一直工作</p><p>对于一个人来说，最重要的就是身体，所以说，一定要多休息，不能让自己累到。可很多男人想成功，每天早起，晚睡，根本没太多时间休息。</p><p>或许你觉得身体能吃得消，实际上是吃不消的，长时间这样，你会垮掉的。到什么时候都要记得，人就是人，跟机器是比不了的，它可以工作24小时，你是不行的。</p><p>深爱你的女人，是很心疼你的，常常把你闹钟关掉。她不想让你那么累，不想让你一边头疼，一边工作。钱不是万能的，她不想让你因为钱而拼命。</p><p>耽误了你的工作，请不要责怪她，请不要冷落她。女人为了你做这么多，你应该感到幸福，应该珍惜她，不能辜负了她。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/16235793-2b246fb47e73af19.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p><strong>情感寄语：</strong></p><p>爱上了你，想一直陪伴着你，爱上了你，想给你爱与关心，爱上了你，想把你照顾好。</p><p>她是你的女人，你要珍惜和她在一起的每一天。两个人都爱到最高境界，谁也离不开谁，就不再担心谁会离开谁了。</p><p>找到心中的人，是很幸运的，被一个人深爱着，更是幸运的。愿每一个人都拥有真正的爱情，都能幸福、快乐的度过每一天。</p><p><br/><br/>作者：爱情摇篮<br/>链接：https://www.jianshu.com/p/66fb54063486<br/>来源：简书<br/>简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。</p><p><br/></p>');
+INSERT INTO `articles` VALUES ('12', '南瓜不能和它同吃，一定要小心，很多人都不知道！', '小红', '南瓜是广受百姓喜爱的家常菜，但它却有着“营养全能王”的美誉，能帮人快速补充天然营养素。', '2019-05-25 22:12:38', '1', '2', '20190525/vhV5RlZhlpQuffXPEZkWXbabJYbgHQj5P0xxF4EI.jpeg', '3200', '731', '<p>&nbsp; &nbsp; &nbsp;南瓜是广受百姓喜爱的家常菜，但它却有着“营养全能王”的美誉，能帮人快速补充天然营养素。南瓜在某些国家被誉为“神瓜”，因为它既可为粮，又可为菜，冬天吃它，好处太多了！</p><p>1、抗癌</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜含有碳水化合物、胡萝卜素、膳食纤维、氨基酸、多糖，以及多种维生素和矿物质。南瓜中所含维生素A的衍生物，可以降低机体对致癌物质的敏感程度，可以稳定上皮细胞，防止其癌变，抗击肺癌、膀胱癌和喉癌等。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 乳腺癌和卵巢癌一直是女性健康的大敌，研究表明，南瓜富含胡萝卜素，对这两种癌症有抗击作用。另外，南瓜中还含有一种能分解亚硝胺的酶，对抗击癌症有重要意义。</p><p>2、保护心脏</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜富含膳食纤维，对心脏很有好处。美国哈佛大学一项万人规模调研显示，高纤维饮食者与低纤维饮食者相比，冠心病发作风险降低40%。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 瑞典的一项最新研究也得出类似结论，高纤维饮食女性与低纤维饮食女性相比，患心脏病风险降低25%。</p><p>3、健胃消食、排毒通便</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 《本草纲目》记载南瓜“性温，味甘，入脾胃经”，中医认为其有补中益气、消炎止痛、解毒杀虫的功效，对脾胃虚弱有很好的食疗效果。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜是健胃消食高手，其中丰富的果胶还能促进溃疡的部位愈合，“吸附”细菌和有毒物质，包括铅等重金属物质，因而起到排毒的作用。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜中的甘露醇有通大便的作用，可减少粪便中毒素对人体的危害；膳食纤维非常细软，能促进肠道蠕动，缓解便秘，同时还不伤胃黏膜。</p><p>南瓜不能和什么搭配吃</p><p>1.南瓜+菠菜</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜含丰富维生素C分解酶，会破坏菠菜中的维生素C，同时自身营养价值也会降低。</p><p>2.南瓜+红薯</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 皆属易滞气食物，如果不煮熟便食用会引起腹胀，若二者同食，更会导致肠胃气胀、腹痛、吐酸水等。</p><p>3.南瓜+羊肉</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 这两种食物都是热性之物，一起吃可能会导致腹胀、便秘等等一些疾病。患感染性疾病和发热症状者不宜食用，以防病情恶化。</p><p>4.南瓜+醋</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 醋酸会破坏南瓜中的营养元素，降低营养价值。</p><p>5.南瓜+带鱼</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 带鱼富含优质蛋白质、不饱和脂肪酸以及DHA、维生素A、维生素D等，有补虚、养肝、促进乳汁生成等作用，但与南瓜同食会身体不利。</p><p>6.南瓜+红枣</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 红枣富含维生素C，味甘性温，脸上斑多皮肤不好，多食易消化不良，而南瓜性温，二者同食不仅维生素C被破坏，还会加重消化不良等症状。</p><p>7.南瓜+螃蟹</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜和螃蟹同食并无毒副作用。不建议同食的主要原因是南瓜含有丰富的“钴”元素，“钴”元素对降血压有较好疗效。这与螃蟹的高血压患者不宜多食，有食物搭配不合理的成分，不过并不会影响身体健康。只是相互抵消了食疗作用。</p><p>8.南瓜+虾</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 虾肉中含有多种微量元素，与南瓜同时食用，能与其中的果胶反应，生成难以消化吸收的物质，导致痢疾。可以用黑豆、甘草解毒。</p><p>9.南瓜+油菜&nbsp;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 南瓜和油菜与含维生素C丰富的食品搭配吃，就会把维生素C破坏。</p><p>10.南瓜+辣椒</p><p>&nbsp; &nbsp; &nbsp; &nbsp; 辣椒与南瓜相克，辣椒中的维生素C会被南瓜中的分解酶破坏。</p><p><br/></p>');
+INSERT INTO `articles` VALUES ('6', '测试', '小明', '真是很美好的一天哇真是很美好的一天哇真是很美好的一天哇', '2019-05-24 16:47:17', '1', '2', '20190524/1AbXRFkrDjOy3QMPI0xbpjsVZQ9cAxSnWByQOoo8.jpeg', '4404', '547', '<p>达瓦大无</p>');
+INSERT INTO `articles` VALUES ('10', '四月初四的秋名山上,格外的凉爽', '小红帽', '啊夏天嗄四月初四的秋名山上,格外的凉爽', '2019-05-24 20:43:30', '1', '2', '20190524/RbD9SuFkJZ4qGm8PsoMtQoEkTkRoSn6OxRNlcEtr.jpeg', '1398', '628', '<p>啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽啊夏天嗄四月初四的秋名山上,格外的凉爽</p>');
+INSERT INTO `articles` VALUES ('8', '测试123456', '小明', '真是很美好的一天哇真是很美好的一天哇真是很美好的一天哇', '2019-05-24 16:42:52', '1', '2', '20190524/ula9wToC6fEl9TYHi04jNvU0TXYOCmfUvQmOqrHz.jpeg', '3992', '397', '<p>达瓦大哇多哇大无多</p>');
+INSERT INTO `articles` VALUES ('9', '测试', '小明', '真是很美好的一天哇真是很美好的一天哇真是很美好的一天哇', '2019-05-24 16:19:52', '1', '2', '20190524/O1HoixJE9sYL7ewjvKt3dSiCd7v70qmP5A1Hw77Q.jpeg', '2529', '413', '<p>达瓦大哇多哇多哇</p>');
+INSERT INTO `articles` VALUES ('11', '类似书房的书摘类app推荐！', '小明哥', '现在的读书软件层出不穷，在选择的时候犯难，让我们的选择困难症又犯了', '2019-05-25 22:10:53', '1', '2', '20190525/ZQGxjdgCAEZqjWzlcO2NyTz3rDQ13nRBEOG5YmEQ.jpeg', '3334', '881', '<p>现在的读书软件层出不穷，在选择的时候犯难，让我们的选择困难症又犯了。而且很多人换了很多种读书软件，要么是因为要付费，要么就是因为广告乱入，导致对软件的观感越来越差。那今天就给大家推荐一款使用起来轻松方便的读书软件—流书。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/13665754-e542ecb30237bc0d.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>它和大多数读书软件相比，有以下几个优点：</p><p><strong>【无广告、无弹窗】</strong></p><p>软件页面整洁、没有广告覆盖，能够很好的提高我们的阅读质量，保证我们的阅读效率。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/13665754-5cbea6841df170e9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/150/format/webp\"/></p><p><strong>【没有任何收费机制】</strong></p><p>大家都知道很多读书软件都有收费机制，这就导致了我们的阅读质量不过硬；而流书没有任何的收费机制，很多的软件的扫图识别都有次数限制，而流书也没有，非常的便捷。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/13665754-0d3893d0b63abfae.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/419/format/webp\"/></p><p><strong>【方便用零碎的时间阅读】</strong></p><p>软件开发的目的就是让大家能够在零碎的时间体验阅读的乐趣。所以采用的是书摘的阅读方式，能够轻松便捷的阅读，在做公交的时候、睡觉之前都可以打开阅读一下。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/13665754-57331bad0ceac593.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/417/format/webp\"/></p><p>整体来说，这款软件还是非常符合我们的生活节奏的，建议大家可以下载看一下。</p><p><br/><br/>作者：流书APP<br/>链接：https://www.jianshu.com/p/055bb06fea7c<br/>来源：简书<br/>简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。</p><p><br/></p>');
+INSERT INTO `articles` VALUES ('14', '再多情话，抵不上一个“及时回复”', '小明明', '网上流行一句话：在乎你的人“秒回”，不在乎你的人“轮回”。', '2019-05-25 22:15:45', '1', '2', '20190525/urKbAE6PtxOwutavt6FRZhJnE2hki6As9jUmwThM.jpeg', '4476', '698', '<p>这话未免夸张，虽然现在是网络时代，通讯发达，大多数人都机不离身，可是每人都有自己的工作和生活，不可能时刻都在线，也不可能哪时都有空。</p><p><br/></p><p>但在乎你的人一定会“及时回复”！</p><p><br/></p><p>尤其是情侣，“及时回复”虽是一个小小的细节，却能检验他为人靠不靠谱，能否让你信任，会不会在乎你，值不值得你为他付出真情。</p><p><br/></p><p>“及时回复”，是情侣之间信任的基础</p><p><br/></p><p>美国学者尼娜·欧尼尔说：“信任是婚姻关系中两个人所共享的最重要特质，也是建立愉快的、成长的关系所不可或缺的。”信任是亲密交往的基础，若是连消息都不回的人，能让你信任吗？你会对他交付真心吗？</p><p><br/></p><p>爱你的人，时刻都会牵挂你，他巴不得对你时刻都在线。哪怕外表有多高冷，内心对你都是满腔热情；哪怕他的性格有多粗心大意，对你都会敏感细腻。<br/></p><p><br/></p><p>爱你的人无论工作有多忙，距离有多远，对你的关心总及时到位。他不会让你等待，不会让你孤单，他会让你有“触手可及”的存在和心安。</p><p><br/></p><p>爱你的人一定在乎你，一定会对你“及时回复”，“及时回复”是他爱你的软实力。</p><p><br/></p><p>涂磊说：“踏实的感情往往并不浪漫，一个人爱不爱你，千万不要听他说了什么，而要看他对你做了什么，说得好不如做得到位。”<br/></p><p><br/></p><p>对你甜言蜜语的人未必对你是真爱，为你做得多的人，一定是真心爱你。</p><p>“及时回复”虽然只是个小细节，却能看出一个人的人品、修养、家教，更能判断他是否在乎你，对你是不是真心，值不值得你去爱。</p><p><br/></p><p>爱你的人不会敷衍你、不会有种种借口、更不会让你担心，他不舍得让你有一丝一毫的难受。</p><p><br/></p><p>爱你的人会用你喜欢的方式待你，不爱你的人会用他喜欢的方式对你。</p><p><br/></p><p>不爱你的人，你的满腔热情对他都是多余，你的消息对他甚至是种打扰。</p><p><br/></p><p>若一个人常不回你的消息，就别再发了，他心里没有你的位置；等不到回复的消息就别等了，你的等待会是一种时间上的浪费。</p><p><br/></p><p>不爱你的人即使你卑微到尘埃里，他会轻视你的讨好；哪怕你对他的情把全世界的人都感动了，也激不起他内心的涟漪。</p><p><br/></p><p>真心要付给懂得珍惜你的人，如果他一直无视你的付出，常不“及时回复”你的消息，再爱也要放手、再痛也要割舍。</p><p><br/></p><p>一辈子很长，与其浪费时间在不爱你的人身上，不如在自己的天空下灿烂，若你的天空一片晴朗，不怕没有好的男人与你携手于风和日丽。</p><p><br/></p><p>爱你的人一定会“及时回复”，“及时回复”是让人信任的基础，是亲密关系中的软实力，再多情话都抵不过“及时回复”的温馨。</p>');
+INSERT INTO `articles` VALUES ('15', '女人彻底喜欢上一个人，往往是这三种样子', '小李子', '不管是男人还是女人，一生中都会有好些心动的时刻。', '2019-05-25 22:17:24', '1', '2', '20190525/wSwZdixodJkRRdd2Q0h15QjWKYWmhddr5pFCukjk.jpeg', '2008', '911', '<p>不管是男人还是女人，一生中都会有好些心动的时刻。只是心动的次数不少，但是很多心动都不过是刹那，过去了就过去了，并谈不上真的喜欢。毕竟心动从来都不是答案，心定才是。</p><p>每个人都可能会对好些人有刹那的心动和好感，却很难得真的彻底喜欢上一个人。</p><p>彻底喜欢上一个人，和瞬间的好感，从来都是不一样的，尤其是女人，当她彻底喜欢上一个人，她会变得非常不同，她往往是下面这三种样子。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/2100084-6ac50f3c537e4fb0?imageMogr2/auto-orient/strip%7CimageView2/2/w/639/format/webp\"/></p><p><strong>不管她多么女汉子，在那个男人面前也总是很温柔。</strong></p><p>一个女人，在遇到喜欢的人之前，她的性格，可能会很爷们，很汉子，很强势，仿佛根本就不懂什么叫柔弱，但是一旦她对一个男人动了心，彻底喜欢上人家，她在那个男人面前，不自觉地，就会变得特别的温柔，总是轻声细语，情意绵绵的。</p><p>女人就是这样，她纵使是一个很强悍的女人，纵使在其他人面前一直表现得都很霸道，她在自己喜欢的人面前，永远也是小鸟依人的。她越是喜欢一个人，就越是会不自觉地变得柔软。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/2100084-1125f9ccb1477641?imageMogr2/auto-orient/strip%7CimageView2/2/w/640/format/webp\"/></p><p><strong>做什么都想着对方，对喜欢的那个男人极其体贴。</strong></p><p>喜欢上一个人就是，总是想要知道他现在干嘛，总是他开心自己就开心，总是不自觉地就想要对他各种好。当女人彻底喜欢上一个人，她总是会傻傻地把那个男人，看得比自己还更重要，方方面面关注着他，无微不至地照顾着他，总想对他好。</p><p>没有不懂体贴的女人，只有不喜欢男人的女人，女人的体贴，她不会随随便便地去给一个男人，但是他一旦对一个男人用情至深，她也就会毫不保留地，事无巨细地，各种体贴入微。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/2100084-079a1f9a58d89f6e?imageMogr2/auto-orient/strip%7CimageView2/2/w/633/format/webp\"/></p><p><strong>以前总是喜欢靠自己，现在总爱跟喜欢的男人撒娇。</strong></p><p>不要以为一个女人平时看起来特别的独立，什么都是靠自己，完全不依赖别人，那么她就是一个不懂得依靠男人，向男人撒娇的女人了。她不是不想依靠，她只是没有人依靠，他只是不想谁都去胡乱依靠，她只是在等待着那个可以依靠的人。</p><p>一旦她彻底喜欢上一个男人，她以往有多独立，现在就会变得有多粘人，她会经常跟那个男人撒娇，不管什么都总想男人帮着女人，因为这样让她感受到被爱，让她觉得很有安全感。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/2100084-43e5f525ab9dd0c5?imageMogr2/auto-orient/strip%7CimageView2/2/w/640/format/webp\"/></p><p>女人身上的这些特性，她从不会轻易给别人，只会给那个，发自真心爱着她，她也爱着的人。</p><p>当女人彻底喜欢上一个人，在那个男人面前，她会变得很温柔，她会对男人很体贴，她会经常跟男人撒娇卖萌。</p><p>那时候的女人，是她最深情的样子，也是她最可爱的样子。</p><p><br/><br/>作者：南方姑娘谭檬<br/>链接：https://www.jianshu.com/p/139feec55b83<br/>来源：简书<br/>简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。</p><p><br/></p>');
+INSERT INTO `articles` VALUES ('16', '推荐12个免费学编程的好网站。', '小实验', '今天给大家推荐12个可以免费学习编程的网站，希望大家哪怕找到一个自己合适的，然后好好利用起来，那么必将会有长足的进步。', '2019-05-30 16:09:06', '2', '7', '20190525/vDeskcJbv047bvaPl2DSuI6pXrCrxDgCfcRfk7LX.jpeg', '1744', '725', '<h1><strong><a href=\"https://www.shiyanlou.com/\" target=\"_blank\">12. 实验楼</a></strong></h1><p>这是我的私心。实验楼是自家网站，自家网站不放在前排，就好比有好吃的不先给好朋友吃而是给敌人吃，那我是做不到了。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/226662-435fe89024a6a237?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>image</p><p>实验楼有大量的基础课以及练手项目都是免费课程，直接在云端Linux环境中学习。从最热门的Python语言，到新兴的大数据、机器学习，并且以动手实战为主，更加扎实掌握知识。</p><p><strong><a href=\"https://www.shiyanlou.com\" target=\"_blank\">https://www.shiyanlou.com</a></strong></p><p><br/></p><h1><strong><a href=\"https://www.codecademy.com/\" target=\"_blank\">11. Codecademy</a></strong></h1><p>Codecademy的大名相信大家都听过，这个就不多介绍了，免费课程很多很全面。大家真的要好好利用资源呀。</p><p><strong><a href=\"https://www.codecademy.com/\" target=\"_blank\">https://www.codecademy.com/</a></strong></p><p><br/></p><h1><strong><a href=\"http://freecodecamp.com/\" target=\"_blank\">10. Free Code Camp</a></strong></h1><p>Free Code Camp是一个非营利组织，大家可以在该平台学习HTML，CSS以及JavaScript等前端知识。</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/226662-e2995fc8bb2d88b6?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>很有意思的是，该网站创始人Quincy Larson，当初是因为来中国旅行，看到中国小孩子学编程的热情被感动到了，因此才创立了该网站。</p><p><strong><a href=\"http://freecodecamp.com/\" target=\"_blank\">http://freecodecamp.com/</a></strong></p><p><br/></p><h1><strong><a href=\"http://www.theodinproject.com/\" target=\"_blank\">9. The Odin Project</a></strong></h1><p>奥丁就是雷神索尔的父亲，九大国度的统治者。奥丁项目这个网站是一个开源的编程，目前有Web开发，Ruby语言，数据库，以及许多前端的课程供大家学习。</p><p>&lt;header contenteditable=&quot;true&quot; style=&quot;position: absolute; bottom: 0px; right: 0px;&quot;&gt;&lt;/header&gt;</p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/226662-8f38a81c6c6d83ff?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>image</p><p>该项目有三大理念值得人敬佩：1. 教育资源应当是免费的；2. 动手才能真正地学好；3. 开源是最棒哒。</p><p><strong><a href=\"http://www.theodinproject.com/\" target=\"_blank\">http://www.theodinproject.com/</a></strong></p><p><br/></p><h1><strong><a href=\"http://online-learning.harvard.edu/course/cs50-introduction-computer-science\" target=\"_blank\">8. Harvard University CS50 Class</a></strong></h1><p>哈佛大学的计算机科学课程，大家可以学到扎实的计算机基础知识和灵活的思维方式。这个课程已经有好多年的历史，在网上也是一直疯传，网易云也有字幕版本，大家可以花时间去看看。</p><p><strong><a href=\"http://online-learning.harvard.edu/course/cs50-introduction-computer-science\" target=\"_blank\">http://online-learning.harvard.edu/course/cs50-introduction-computer-science</a></strong></p><p><br/></p><h1><strong><a href=\"http://htmldog.com/\" target=\"_blank\">7. HTML Dog</a></strong></h1><p>一听到这个名字相信大家就懂这个网站主要是干嘛的了，前端狗哇；放心狗在国外是褒义词。网站有HTML，CSS， JavaScript的教程，案例，技巧合集等等，非常值得大家去学习。</p><p><strong><a href=\"http://htmldog.com/\" target=\"_blank\">http://htmldog.com/</a></strong></p><p><br/></p><h1><strong><a href=\"https://www.khanacademy.org/\" target=\"_blank\">6. Khan Academy</a></strong></h1><p>可汗学院的大名相信大家都知道，但是有多少人真正做到每天去上面学习的呢？可汗学院几乎是全球影响力最大的在线教育平台之一，多次获得微软、谷歌等许多公司以及政府的资助。</p><p><strong><a href=\"https://www.khanacademy.org/\" target=\"_blank\">https://www.khanacademy.org/</a></strong></p><p><br/></p><h1><strong><a href=\"http://www.coursera.org/\" target=\"_blank\">5. Coursera</a></strong></h1><p>Coursera目前有与来自28个国家的145所大学合作提供在线课堂。上面的资源都是非常高质量的。但是有数据统计尽管有数百万人注册课堂，课程完成率仅有7%-9%。全世界都一样，只有少数人能够坚持下去啊。</p><p><strong><a href=\"http://www.coursera.org\" target=\"_blank\">www.coursera.org</a></strong></p><p><br/></p><h1><strong><a href=\"http://www.edx.org/\" target=\"_blank\">4. edX</a></strong></h1><p>edX是由麻省理工大学和哈佛大学联合创建的在线开放课堂，也是非盈利的组织。目前也已经有超过50所大学参与提供在线课堂等学习项目。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/226662-213cab47b7ad2a32?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p><br/><strong><a href=\"http://www.edx.org\" target=\"_blank\">www.edx.org</a></strong></p><p><br/></p><p><br/></p><h1><strong><a href=\"https://ocw.mit.edu/index.htm\" target=\"_blank\">3. 麻省理工开放课</a></strong></h1><p>麻省理工学院的公开课。尽管很多人表示没有视频，其实有很多是音频/视频的，尤其计算机相关的一些课程。</p><p><strong><a href=\"https://ocw.mit.edu/index.htm\" target=\"_blank\">https://ocw.mit.edu/index.htm</a></strong></p><h1><strong><a href=\"https://davidwalsh.name/\" target=\"_blank\">2. David Walsh</a></strong></h1><p>David Walsh是一个拥有多年Web开发经验的工程师，该网站是他分享自己技术经验的一个博客，里面有大量的网页开发与前端相关的干货，建议大家去看看。</p><p><strong><a href=\"https://davidwalsh.name/\" target=\"_blank\">https://davidwalsh.name/</a></strong></p><p><br/></p><h1><strong><a href=\"https://www.udemy.com/\" target=\"_blank\">1. Udemy</a></strong></h1><p>Udemy也是国外大名鼎鼎的在线教育平台，上面的课程都是由各类老师们或者有特长的人自己发布。</p><p><br/></p><p><img class=\"\" src=\"//upload-images.jianshu.io/upload_images/226662-6c4d7bfacad8ae85?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp\"/></p><p>尽管很多课程都是收费的，但是目前开发相关的课程，有1200多门都是免费学习的，并且都评分不低。<br/><strong><a href=\"https://www.udemy.com\" target=\"_blank\">https://www.udemy.com</a></strong></p><p><br/></p><p><strong>我知道你们要说什么</strong>：这这这这得多好的英语水平才能用得上啊？！！！你要知道，大家都是这么想的，所以大家都没有去使用这些资源。</p><p>假如你用心提升下自己的英语，将能够超越多少人哇！其实提高英语不仅对你学习有帮助，对编程本身也有好处。当然，实在学不好英语，还有实验楼陪着你。</p><p><br/><br/>作者：实验楼<br/>链接：https://www.jianshu.com/p/2a9abfe7dfb4<br/>来源：简书<br/>简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。</p><p><br/></p>');
+
+-- ----------------------------
+-- Table structure for banners
+-- ----------------------------
+DROP TABLE IF EXISTS `banners`;
+CREATE TABLE `banners` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '轮播图id',
+ `title` varchar(32) DEFAULT NULL COMMENT '标题',
+ `desc` varchar(128) DEFAULT NULL COMMENT '描述',
+ `url` varchar(255) DEFAULT NULL COMMENT '链接',
+ `status` tinyint(1) DEFAULT NULL COMMENT '状态',
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of banners
+-- ----------------------------
+INSERT INTO `banners` VALUES ('1', '测试11', '真是很美好的一天哇真是很美好的一天哇真是很美好的一天哇', '20190522/ZzWE42MiGuglcjP6SixGOfiCQEQgkWwrIevnqDkT.jpeg', '1');
+INSERT INTO `banners` VALUES ('2', '测试22', '真是很美好的一天哇真是很美好的一天哇真是很美好的一天哇', '20190522/fkhQ85RyFJWDjc3N6BNlJldVyIXJhOXRyuz6RNoW.jpeg', '1');
+INSERT INTO `banners` VALUES ('4', '夏日炎炎 来玩耍吧', '提醒女人：爱一个男人爱得发疯时，也不要做这些事情', '20190524/vrp1aXZUDKyYjzJEi1SoT0PGkoEl7mvaiCe8Wp63.jpeg', '1');
+
+-- ----------------------------
+-- Table structure for cates
+-- ----------------------------
+DROP TABLE IF EXISTS `cates`;
+CREATE TABLE `cates` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '栏目id',
+ `cname` varchar(32) NOT NULL COMMENT '分类名称',
+ `pid` int(11) NOT NULL COMMENT '父级id',
+ `path` varchar(32) NOT NULL COMMENT '分类路劲',
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of cates
+-- ----------------------------
+INSERT INTO `cates` VALUES ('1', '技术', '0', '0');
+INSERT INTO `cates` VALUES ('2', 'HTML', '1', '0,1');
+INSERT INTO `cates` VALUES ('3', 'CSS', '1', '0,1');
+INSERT INTO `cates` VALUES ('4', '资讯', '0', '0');
+INSERT INTO `cates` VALUES ('5', '热点', '4', '0,4');
+INSERT INTO `cates` VALUES ('6', 'Linux', '1', '0,1');
+INSERT INTO `cates` VALUES ('7', '国际', '4', '0,4');
+INSERT INTO `cates` VALUES ('8', 'HTML5', '1', '0,1');
+INSERT INTO `cates` VALUES ('9', 'CSS3', '1', '0,1');
+INSERT INTO `cates` VALUES ('10', '生活', '0', '0');
+INSERT INTO `cates` VALUES ('11', '旅游', '10', '0,10');
+
+-- ----------------------------
+-- Table structure for links
+-- ----------------------------
+DROP TABLE IF EXISTS `links`;
+CREATE TABLE `links` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+ `lname` char(120) DEFAULT NULL,
+ `url` char(120) DEFAULT NULL,
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of links
+-- ----------------------------
+INSERT INTO `links` VALUES ('1', '百度搜索', 'www.baidu.com');
+INSERT INTO `links` VALUES ('2', '新浪新闻', 'www.sina.com');
+INSERT INTO `links` VALUES ('3', '搜狐', 'www.souhu.com');
+
+-- ----------------------------
+-- Table structure for tagnames
+-- ----------------------------
+DROP TABLE IF EXISTS `tagnames`;
+CREATE TABLE `tagnames` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '标签云id',
+ `tagname` varchar(32) NOT NULL COMMENT '标签名',
+ `bgcolor` varchar(32) DEFAULT NULL COMMENT '颜色',
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=11 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of tagnames
+-- ----------------------------
+INSERT INTO `tagnames` VALUES ('1', 'HTMLSS', '#ff8080');
+INSERT INTO `tagnames` VALUES ('2', 'CSS', '#ff8000');
+INSERT INTO `tagnames` VALUES ('3', 'CSS3', '#00ff40');
+INSERT INTO `tagnames` VALUES ('4', 'Linux', '#8080ff');
+INSERT INTO `tagnames` VALUES ('6', 'PHP', '#0080ff');
+INSERT INTO `tagnames` VALUES ('7', 'JAVA', '#ff80c0');
+INSERT INTO `tagnames` VALUES ('8', 'C/C++', '#800000');
+INSERT INTO `tagnames` VALUES ('9', 'ESP', '#808040');
+INSERT INTO `tagnames` VALUES ('10', 'HTML5', '#408080');
+
+-- ----------------------------
+-- Table structure for tips
+-- ----------------------------
+DROP TABLE IF EXISTS `tips`;
+CREATE TABLE `tips` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+ `content` varchar(255) DEFAULT NULL,
+ `uname` varchar(255) DEFAULT NULL,
+ `tid` int(9) DEFAULT NULL,
+ `ctime` datetime DEFAULT NULL,
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=29 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of tips
+-- ----------------------------
+INSERT INTO `tips` VALUES ('27', '<p><img src=\"http://img.baidu.com/hi/jx2/j_0002.gif\"/><img src=\"http://img.baidu.com/hi/jx2/j_0001.gif\"/>来玩</p>', 'awdwada', '16', '2019-05-29 15:32:11');
+INSERT INTO `tips` VALUES ('26', '<p>好吧</p>', 'awdwada', '2', '2019-05-29 14:59:20');
+INSERT INTO `tips` VALUES ('24', '<p>可以的!<img src=\"http://img.baidu.com/hi/jx2/j_0063.gif\"/></p>', 'admins', '14', '2019-05-28 21:36:53');
+INSERT INTO `tips` VALUES ('25', '<p><img src=\"http://img.baidu.com/hi/jx2/j_0008.gif\"/>哈哈</p>', 'awdwada', '11', '2019-05-29 14:58:52');
+INSERT INTO `tips` VALUES ('23', '<p>哈哈哈你真的好幽默哦!</p>', 'admins', '16', '2019-05-28 21:18:16');
+INSERT INTO `tips` VALUES ('28', '<p><img src=\"http://img.baidu.com/hi/jx2/j_0020.gif\"/></p>', 'admins', '16', '2019-05-30 15:45:42');
+
+-- ----------------------------
+-- Table structure for users
+-- ----------------------------
+DROP TABLE IF EXISTS `users`;
+CREATE TABLE `users` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户表id',
+ `uname` varchar(32) NOT NULL COMMENT '用户名',
+ `upass` char(60) NOT NULL COMMENT '密码',
+ `profile` varchar(128) DEFAULT NULL COMMENT '用户头像',
+ `email` varchar(32) DEFAULT NULL COMMENT '邮箱',
+ `token` char(50) NOT NULL COMMENT '签名',
+ `status` tinyint(3) DEFAULT '0' COMMENT '状态',
+ `ctime` datetime DEFAULT NULL,
+ `type` tinyint(3) NOT NULL DEFAULT '0' COMMENT '''0是普通用户 1是超级管理员''',
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=18 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of users
+-- ----------------------------
+INSERT INTO `users` VALUES ('1', 'adadad', '$2y$10$i4VwJl7mBFmtFfWs5OyQgeWmQsHhJ/AgrrXFwvUKO4BnDPVuuf5pe', '20190521/rK7wDR1jFhPKquGIrh4ahkfpKTNrXXXXSxLbp8el.jpeg', '[email protected]', 'g5c3BKfSpszBwlfgQiHVJTwfnlrkPHH4V9Al3HgPH8ctsE5XZk', '0', '2019-05-20 22:24:49', '0');
+INSERT INTO `users` VALUES ('2', 'dashabi', '$2y$10$Lhpl8LepwhoGOBzFFQyOYeW3sL4J1oK.gmsVuPwyXCdjHzMRU1gaa', '20190520/4kUZhGfHTlOHRxvMNmTrQLMQ1WWUZNLEzteevh9y.jpeg', null, 'v1LSYThVVxTKJEWHb2gelaPqgSRWe1LGf8QSv9L2qrQ0O0v2WQ', '0', '2019-05-20 22:41:30', '0');
+INSERT INTO `users` VALUES ('3', 'dadwdewads', '$2y$10$po2o6NBwRPYsh3TRh4uxWufquZigXZJxu5SOTx.cKrHLaHTCvYpqe', '20190520/aj8ncrokjLWha5Q4zo1isHHcVXzXB4rde0VFwWyN.jpeg', null, 'ha9OpkDbC2TL4kidh02NM3s46gO3GQOrSELTSybXVKrr8QucYU', '1', '2019-05-20 22:42:25', '0');
+INSERT INTO `users` VALUES ('4', 'lalala', '$2y$10$Q7HwoMLkUoUU5n1NpgJUK.T/1uw4erHHwe4MtyJx4JaGTQuMB1EHG', '20190520/kRwBv040n0k73kX6JBzF7AaeSrWWnydrFego1bnR.jpeg', '[email protected]', 'cp6twllkD8LZQh2RvbTll4mYi8obZC3ogLOmIJZd95UQbj8ZU7', '1', '2019-05-20 22:42:43', '0');
+INSERT INTO `users` VALUES ('8', 'serors', '$2y$10$b2xz/Ri3fAJIcR0vqJSlNep3J0Ry.RPMk/i2VR7NUA7lBV8hBleIu', '20190520/fP8xQZ0LglZnwCsWXetFyNs1NcAS2GAjmeJ9KgXL.jpeg', null, '9pIIS0K8ehbDQhDg1Bf2swoa145HgMLlROL8oIUtcbm5svnHSZ', '0', '2019-05-20 23:34:16', '0');
+INSERT INTO `users` VALUES ('10', 'hhahaha', '$2y$10$oYxvPRBW5sAJaP7UAnYH7./qwhdOF5fOp8XW4nwi1NW0z2l56Jc4u', '20190520/dzbE040pNM3LFHWbmZZbmjliqjMJQEgvkeZEUIQt.jpeg', null, 'EDHZ4Ca2Kpe3k7JrJaCJHjZ58HWUFIDRvmq1Hf0Y9WJchL10dW', '0', '2019-05-20 23:35:01', '0');
+INSERT INTO `users` VALUES ('11', 'nuoyouguan', '$2y$10$ddQXK1oFrtQyl9JPFpWKbuzT9GkRBs6YrY20A6z6I1qR7VowHj1h.', '20190520/Dr8Fb7WveFLbNbvYpWzuE2YUKKJNgnCoeA7LZFQ5.jpeg', null, 'MQ4Kd8asUiWQ6gqn0nUV1gXygxW4kWFX8KxjutDcezdQHS6fLY', '0', '2019-05-20 23:35:23', '0');
+INSERT INTO `users` VALUES ('14', 'admins', '$2y$10$jSnRZNSOhqWCUjRX.MnLFutj388SBAIXqW20jsq7.Nt3E07R5n5he', '20190521/V83gfR8qPAKqVIhvctgKZdWwaK7A6DUqETg3Bafr.jpeg', '[email protected]', 'LWGov7bggGSKJoyHwkAsnygaSCEXJ0rP8zD6LpcBsY6ZS5w5CF', '0', '2019-05-21 14:59:52', '1');
+INSERT INTO `users` VALUES ('15', 'lishfhf', '$2y$10$LZ4a3ETvQ9miQzIAspyTbOzB1OFaD1HiK0ywxbFuQOC/J.mVOIIgG', '20190524/PELUoH3NeEqLYqHwJ7beWGqh66fTythSeKS0Gtlb.jpeg', null, '919Y4taSbI4k77aWjofY4pgwUify1uNOJ4WIVw2jInBafoUcGd', '0', '2019-05-24 16:11:32', '0');
+INSERT INTO `users` VALUES ('16', 'awdwada', '$2y$10$teoG6Yh2GHDoz.kdaN4gJ..f3LvYG4PpSmy9BVwoytsHp4X.NlBoa', null, '[email protected]', 'p1e2bckGFMEq8aD4ZHiYoNdPtCeAkLmIksmTxkhewL7WzR1Tb6', '0', '2019-05-24 16:11:32', '0');
+INSERT INTO `users` VALUES ('17', 'wdadwadwa', '$2y$10$nj3KogKEq9qCqg36Z1FXxuA1JhDLYN76msYqJnOr/3w3vzGn2gvlW', '20190524/PELUoH3NeEqLYqHwJ7beWGqh66fTythSeKS0Gtlb.jpeg', '[email protected]', 'GHdFNxdVRUzw3WHVvUaGtQcuS9nbYEwST8NqPLocVEaykZj3rg', '0', '2019-05-24 16:11:32', '0');
+
+-- ----------------------------
+-- Table structure for users_articles
+-- ----------------------------
+DROP TABLE IF EXISTS `users_articles`;
+CREATE TABLE `users_articles` (
+ `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+ `uid` int(11) NOT NULL COMMENT '用户id',
+ `tid` int(11) NOT NULL COMMENT '文章id',
+ PRIMARY KEY (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb4;
+
+-- ----------------------------
+-- Records of users_articles
+-- ----------------------------
+INSERT INTO `users_articles` VALUES ('1', '14', '2');
+INSERT INTO `users_articles` VALUES ('2', '14', '10');
+INSERT INTO `users_articles` VALUES ('3', '14', '6');
+INSERT INTO `users_articles` VALUES ('4', '14', '8');
+INSERT INTO `users_articles` VALUES ('5', '14', '1');
+INSERT INTO `users_articles` VALUES ('6', '16', '11');

+{
+ "private": true,
+ "scripts": {
+ "dev": "npm run development",
+ "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+ "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+ "watch-poll": "npm run watch -- --watch-poll",
+ "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+ "prod": "npm run production",
+ "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+ },
+ "devDependencies": {
+ "axios": "^0.17",
+ "bootstrap-sass": "^3.3.7",
+ "cross-env": "^5.1",
+ "jquery": "^3.2",
+ "laravel-mix": "^1.0",
+ "lodash": "^4.17.4",
+ "vue": "^2.5.7"
+ }
+}

+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit backupGlobals="false"
+ backupStaticAttributes="false"
+ bootstrap="vendor/autoload.php"
+ colors="true"
+ convertErrorsToExceptions="true"
+ convertNoticesToExceptions="true"
+ convertWarningsToExceptions="true"
+ processIsolation="false"
+ stopOnFailure="false">
+ <testsuites>
+ <testsuite name="Feature">
+ <directory suffix="Test.php">./tests/Feature</directory>
+ </testsuite>
+
+ <testsuite name="Unit">
+ <directory suffix="Test.php">./tests/Unit</directory>
+ </testsuite>
+ </testsuites>
+ <filter>
+ <whitelist processUncoveredFilesFromWhitelist="true">
+ <directory suffix=".php">./app</directory>
+ </whitelist>
+ </filter>
+ <php>
+ <env name="APP_ENV" value="testing"/>
+ <env name="CACHE_DRIVER" value="array"/>
+ <env name="SESSION_DRIVER" value="array"/>
+ <env name="QUEUE_DRIVER" value="sync"/>
+ </php>
+</phpunit>

+<IfModule mod_rewrite.c>
+ <IfModule mod_negotiation.c>
+ Options -MultiViews -Indexes
+ </IfModule>
+
+ RewriteEngine On
+
+ # Handle Authorization Header
+ RewriteCond %{HTTP:Authorization} .
+ RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+ # Redirect Trailing Slashes If Not A Folder...
+ RewriteCond %{REQUEST_FILENAME} !-d
+ RewriteCond %{REQUEST_URI} (.+)/$
+ RewriteRule ^ %1 [L,R=301]
+
+ # Handle Front Controller...
+ RewriteCond %{REQUEST_FILENAME} !-d
+ RewriteCond %{REQUEST_FILENAME} !-f
+ RewriteRule ^ index.php [L]
+</IfModule>

+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: [email protected]
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;b<c.length;b++){this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(a){a.runtimeStyle.cssText="";this.vmlFill(a);this.vmlOffsets(a);this.vmlOpacity(a);if(a.isImg){this.copyImageBorders(a)}},attachHandlers:function(i){var d,c,g,e,b,f;d=this;c={resize:"vmlOffsets",move:"vmlOffsets"};if(i.nodeName=="A"){e={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(b in e){if(e.hasOwnProperty(b)){c[b]=e[b]}}}for(f in c){if(c.hasOwnProperty(f)){g=function(){d[c[f]](i)};i.attachEvent("on"+f,g)}}i.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(a){a.style.zoom=1;if(a.currentStyle.position=="static"){a.style.position="relative"}},copyImageBorders:function(b){var c,a;c={borderStyle:true,borderWidth:true,borderColor:true};for(a in c){if(c.hasOwnProperty(a)){b.vml.color.shape.style[a]=b.currentStyle[a]}}},vmlFill:function(e){if(!e.currentStyle){return}else{var d,f,g,b,a,c;d=e.currentStyle}for(b in e.vml){if(e.vml.hasOwnProperty(b)){e.vml[b].shape.style.zIndex=d.zIndex}}e.runtimeStyle.backgroundColor="";e.runtimeStyle.backgroundImage="";f=true;if(d.backgroundImage!="none"||e.isImg){if(!e.isImg){e.vmlBg=d.backgroundImage;e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}else{e.vmlBg=e.src}g=this;if(!g.imgSize[e.vmlBg]){a=document.createElement("img");g.imgSize[e.vmlBg]=a;a.className=g.ns+"_sizeFinder";a.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";c=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;g.vmlOffsets(e)};a.attachEvent("onload",c);a.src=e.vmlBg;a.removeAttribute("width");a.removeAttribute("height");document.body.insertBefore(a,document.body.firstChild)}e.vml.image.fill.src=e.vmlBg;f=false}e.vml.image.fill.on=!f;e.vml.image.fill.color="none";e.vml.color.shape.style.backgroundColor=d.backgroundColor;e.runtimeStyle.backgroundImage="none";e.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(d){var h,n,a,e,g,m,f,l,j,i,k;h=d.currentStyle;n={W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop};a=(n.L+n.bLW==1)?1:0;e=function(b,p,q,c,s,u){b.coordsize=c+","+s;b.coordorigin=u+","+u;b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";b.style.width=c+"px";b.style.height=s+"px";b.style.left=p+"px";b.style.top=q+"px"};e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);g={X:0,Y:0};if(d.isImg){g.X=parseInt(h.paddingLeft,10)+1;g.Y=parseInt(h.paddingTop,10)+1}else{for(j in g){if(g.hasOwnProperty(j)){this.figurePercentage(g,n,j,h["backgroundPosition"+j])}}}d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);m=h.backgroundRepeat;f={T:1,R:n.W+a,B:n.H,L:1+a};l={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(m!="repeat"||d.isImg){i={T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)};if(m.search("repeat-")!=-1){k=m.split("repeat-")[1].toUpperCase();i[l[k].b1]=1;i[l[k].b2]=n[l[k].d]}if(i.B>n.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>Hui-iconfont_v1.0.8</title>
+<link href="http://static.h-ui.net/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" href="iconfont.css">
+<style type="text/css">
+.main {padding: 30px 100px;}
+.main h1{font-size:36px; line-height:1.6; color:#333; text-align:center;margin-bottom:30px; font-weight:normal}
+.main h2{ font-size:24px;line-height:1.6;color:#333;margin-bottom:30px; border-bottom: 1px solid #eee; font-weight:normal}
+
+.helps { margin-top: 40px}
+.helps pre{padding: 20px;margin: 10px 0;border: solid 1px #e7e1cd;background-color: #fffdef;overflow: auto}
+.icon_lists li{float: left;width: 100px;height: 190px;text-align: center}
+.icon_lists .Hui-iconfont{font-size: 42px;line-height: 100px;margin: 10px 0;color: #333;-webkit-transition: font-size 0.25s ease-out 0s;-moz-transition: font-size 0.25s ease-out 0s;transition: font-size 0.25s ease-out 0s}
+.icon_lists .Hui-iconfont:hover { font-size: 100px}
+</style>
+</head>
+<body>
+<div class="main">
+ <h1>Hui-iconfont_v1.0.8</h1>
+ <p class="text-c c-999">最后更新日期：2016.06.21 比1.0.7版本增加10个图标</p>
+ 
+ <h2>操作相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe684;</i>
+ <div class="name">返回顶部</div>
+ <div class="code">&amp;#xe684;</div>
+ <div class="fontclass">.Hui-iconfont-gotop</div>
+ </li>
+ <li><i class="icon Hui-iconfont">&#xe667;</i>
+ <div class="name">列表</div>
+ <div class="code">&amp;#xe667;</div>
+ <div class="fontclass">.Hui-iconfont-menu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64e;</i>
+ <div class="name">剪切</div>
+ <div class="code">&amp;#xe64e;</div>
+ <div class="fontclass">.Hui-iconfont-jiandao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe665;</i>
+ <div class="name">搜索2</div>
+ <div class="code">&amp;#xe665;</div>
+ <div class="fontclass">.Hui-iconfont-search2</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe709;</i>
+ <div class="name">搜索1</div>
+ <div class="code">&amp;#xe709;</div>
+ <div class="fontclass">.Hui-iconfont-search1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe632;</i>
+ <div class="name">保存</div>
+ <div class="code">&amp;#xe632;</div>
+ <div class="fontclass">.save</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe66b;</i>
+ <div class="name">撤销</div>
+ <div class="code">&amp;#xe66b;</div>
+ <div class="fontclass">.Hui-iconfont-chexiao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe66c;</i>
+ <div class="name">重做</div>
+ <div class="code">&amp;#xe66c;</div>
+ <div class="fontclass">.Hui-iconfont-zhongzuo</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe640;</i>
+ <div class="name">下载</div>
+ <div class="code">&amp;#xe640;</div>
+ <div class="fontclass">.Hui-iconfont-down</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63d;</i>
+ <div class="name">切换器右</div>
+ <div class="code">&amp;#xe63d;</div>
+ <div class="fontclass">.Hui-iconfont-slider-right</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe67d;</i>
+ <div class="name">切换器左</div>
+ <div class="code">&amp;#xe67d;</div>
+ <div class="fontclass">.Hui-iconfont-slider-left</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe603;</i>
+ <div class="name">发布</div>
+ <div class="code">&amp;#xe603;</div>
+ <div class="fontclass">.Hui-iconfont-fabu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe604;</i>
+ <div class="name">添加</div>
+ <div class="code">&amp;#xe604;</div>
+ <div class="fontclass">.Hui-iconfont-add2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe68f;</i>
+ <div class="name">换一批</div>
+ <div class="code">&amp;#xe68f;</div>
+ <div class="fontclass">.Hui-iconfont-huanyipi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe606;</i>
+ <div class="name">等待</div>
+ <div class="code">&amp;#xe606;</div>
+ <div class="fontclass">.Hui-iconfont-dengdai</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe644;</i>
+ <div class="name">导出</div>
+ <div class="code">&amp;#xe644;</div>
+ <div class="fontclass">.Hui-iconfont-daochu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe645;</i>
+ <div class="name">导入</div>
+ <div class="code">&amp;#xe645;</div>
+ <div class="fontclass">.Hui-iconfont-daoru</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60b;</i>
+ <div class="name">删除</div>
+ <div class="code">&amp;#xe60b;</div>
+ <div class="fontclass">.Hui-iconfont-del</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe609;</i>
+ <div class="name">删除</div>
+ <div class="code">&amp;#xe609;</div>
+ <div class="fontclass">.Hui-iconfont-del2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6e2;</i>
+ <div class="name">删除</div>
+ <div class="code">&amp;#xe6e2;</div>
+ <div class="fontclass">.Hui-iconfont-del3</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe647;</i>
+ <div class="name">输入</div>
+ <div class="code">&amp;#xe647;</div>
+ <div class="fontclass">.Hui-iconfont-shuru</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe600;</i>
+ <div class="name">添加</div>
+ <div class="code">&amp;#xe600;</div>
+ <div class="fontclass">.Hui-iconfont-add</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a1;</i>
+ <div class="name">减号</div>
+ <div class="code">&amp;#xe6a1;</div>
+ <div class="fontclass">.Hui-iconfont-jianhao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60c;</i>
+ <div class="name">编辑</div>
+ <div class="code">&amp;#xe60c;</div>
+ <div class="fontclass">.Hui-iconfont-edit2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6df;</i>
+ <div class="name">编辑</div>
+ <div class="code">&amp;#xe6df;</div>
+ <div class="fontclass">.Hui-iconfont-edit</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61d;</i>
+ <div class="name">管理</div>
+ <div class="code">&amp;#xe61d;</div>
+ <div class="fontclass">.Hui-iconfont-manage</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe610;</i>
+ <div class="name">添加</div>
+ <div class="code">&amp;#xe610;</div>
+ <div class="fontclass">.Hui-iconfont-add3</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61f;</i>
+ <div class="name">添加</div>
+ <div class="code">&amp;#xe61f;</div>
+ <div class="fontclass">.Hui-iconfont-add4</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63f;</i>
+ <div class="name">密码</div>
+ <div class="code">&amp;#xe63f;</div>
+ <div class="fontclass">.Hui-iconfont-key</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe605;</i>
+ <div class="name">解锁</div>
+ <div class="code">&amp;#xe605;</div>
+ <div class="fontclass">.Hui-iconfont-jiesuo</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60e;</i>
+ <div class="name">锁定</div>
+ <div class="code">&amp;#xe60e;</div>
+ <div class="fontclass">.Hui-iconfont-suoding</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a6;</i>
+ <div class="name">关闭</div>
+ <div class="code">&amp;#xe6a6;</div>
+ <div class="fontclass">.Hui-iconfont-close</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe706;</i>
+ <div class="name">关闭2</div>
+ <div class="code">&amp;#xe706;</div>
+ <div class="fontclass">.Hui-iconfont-close2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a7;</i>
+ <div class="name">选择</div>
+ <div class="code">&amp;#xe6a7;</div>
+ <div class="fontclass">.Hui-iconfont-xuanze</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe608;</i>
+ <div class="name">未选</div>
+ <div class="code">&amp;#xe608;</div>
+ <div class="fontclass">.Hui-iconfont-weigouxuan2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a8;</i>
+ <div class="name">选中</div>
+ <div class="code">&amp;#xe6a8;</div>
+ <div class="fontclass">.Hui-iconfont-xuanzhong1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe676;</i>
+ <div class="name">选中</div>
+ <div class="code">&amp;#xe676;</div>
+ <div class="fontclass">.Hui-iconfont-xuanzhong</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe677;</i>
+ <div class="name">未选中</div>
+ <div class="code">&amp;#xe677;</div>
+ <div class="fontclass">.Hui-iconfont-weixuanzhong</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe601;</i>
+ <div class="name">启用</div>
+ <div class="code">&amp;#xe601;</div>
+ <div class="fontclass">.Hui-iconfont-gouxuan2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6f7;</i>
+ <div class="name">重启</div>
+ <div class="code">&amp;#xe6f7;</div>
+ <div class="fontclass">.Hui-iconfont-chongqi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe617;</i>
+ <div class="name">勾选</div>
+ <div class="code">&amp;#xe617;</div>
+ <div class="fontclass">.Hui-iconfont-selected</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6dc;</i>
+ <div class="name">上架</div>
+ <div class="code">&amp;#xe6dc;</div>
+ <div class="fontclass">.Hui-iconfont-shangjia</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6de;</i>
+ <div class="name">下架</div>
+ <div class="code">&amp;#xe6de;</div>
+ <div class="fontclass">.Hui-iconfont-xiajia</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe642;</i>
+ <div class="name">上传</div>
+ <div class="code">&amp;#xe642;</div>
+ <div class="fontclass">.Hui-iconfont-upload</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe641;</i>
+ <div class="name">下载</div>
+ <div class="code">&amp;#xe641;</div>
+ <div class="fontclass">.Hui-iconfont-yundown</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6bc;</i>
+ <div class="name">剪裁</div>
+ <div class="code">&amp;#xe6bc;</div>
+ <div class="fontclass">.Hui-iconfont-caiqie</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6bd;</i>
+ <div class="name">旋转</div>
+ <div class="code">&amp;#xe6bd;</div>
+ <div class="fontclass">.Hui-iconfont-xuanzhuan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe615;</i>
+ <div class="name">启用</div>
+ <div class="code">&amp;#xe615;</div>
+ <div class="fontclass">.Hui-iconfont-gouxuan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6e1;</i>
+ <div class="name">未勾选</div>
+ <div class="code">&amp;#xe614;</div>
+ <div class="fontclass">.Hui-iconfont-weigouxuan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe619;</i>
+ <div class="name">录音</div>
+ <div class="code">&amp;#xe619;</div>
+ <div class="fontclass">.Hui-iconfont-luyin</div>
+ </li>
+ 
+ <li> <i class="icon Hui-iconfont">&#xe695;</i>
+ <div class="name">预览</div>
+ <div class="code">&amp;#xe695;</div>
+ <div class="fontclass">.Hui-iconfont-yulan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6e0;</i>
+ <div class="name">审核不通过</div>
+ <div class="code">&amp;#xe6e0;</div>
+ <div class="fontclass">.Hui-iconfont-shenhe-weitongguo</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6dd;</i>
+ <div class="name">审核不通过</div>
+ <div class="code">&amp;#xe6dd;</div>
+ <div class="fontclass">.Hui-iconfont-shenhe-butongguo2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6e1;</i>
+ <div class="name">审核通过</div>
+ <div class="code">&amp;#xe6e1;</div>
+ <div class="fontclass">.Hui-iconfont-shenhe-tongguo</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe631;</i>
+ <div class="name">停用</div>
+ <div class="code">&amp;#xe631;</div>
+ <div class="fontclass">.Hui-iconfont-shenhe-tingyong</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e6;</i>
+ <div class="name">播放</div>
+ <div class="code">&amp;#xe6e6;</div>
+ <div class="fontclass">.Hui-iconfont-bofang</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6db;</i>
+ <div class="name">上一首</div>
+ <div class="code">&amp;#xe6db;</div>
+ <div class="fontclass">.Hui-iconfont-shangyishou</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e3;</i>
+ <div class="name">下一首</div>
+ <div class="code">&amp;#xe6e3;</div>
+ <div class="fontclass">.Hui-iconfont-xiayishou</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e5;</i>
+ <div class="name">暂停</div>
+ <div class="code">&amp;#xe6e5;</div>
+ <div class="fontclass">.Hui-iconfont-zanting</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e4;</i>
+ <div class="name">停止</div>
+ <div class="code">&amp;#xe6e4;</div>
+ <div class="fontclass">.Hui-iconfont-tingzhi</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe720;</i>
+ <div class="name">阅读</div>
+ <div class="code">&amp;#xe720;</div>
+ <div class="fontclass">.Hui-iconfont-yuedu</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe725;</i>
+ <div class="name">眼睛</div>
+  <div class="code">&amp;#xe725;</div>
+ <div class="fontclass">.Hui-iconfont-yanjing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe726;</i>
+ <div class="name">电源</div>
+ <div class="code">&amp;#xe726;</div>
+ <div class="fontclass">.Hui-iconfont-power</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe72a;</i>
+ <div class="name">图标2_橡皮擦</div>
+ <div class="code">&amp;#xe72a;</div>
+ <div class="fontclass">.Hui-iconfont-xiangpicha</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe728;</i>
+ <div class="name">计时器</div>
+ <div class="code">&amp;#xe728;</div>
+ <div class="fontclass">.Hui-iconfont-jishiqi</div>
+ </li>
+ 
+ </ul>
+ <h2>菜单相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe625;</i>
+ <div class="name">home</div>
+ <div class="code">&amp;#xe625;</div>
+ <div class="fontclass">.Hui-iconfont-home</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe67f;</i>
+ <div class="name">小箭头</div>
+ <div class="code">&amp;#xe67f;</div>
+ <div class="fontclass">.Hui-iconfont-home2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe616;</i>
+ <div class="name">cmstop新闻</div>
+ <div class="code">&amp;#xe616;</div>
+ <div class="fontclass">.Hui-iconfont-news</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe613;</i>
+ <div class="name">图片</div>
+ <div class="code">&amp;#xe613;</div>
+ <div class="fontclass">.Hui-iconfont-tuku</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60f;</i>
+ <div class="name">音乐</div>
+ <div class="code">&amp;#xe60f;</div>
+ <div class="fontclass">.Hui-iconfont-music</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64b;</i>
+ <div class="name">标签</div>
+ <div class="code">&amp;#xe64b;</div>
+ <div class="fontclass">.Hui-iconfont-tags</div>
+ </li>
+  <li> <i class="icon Hui-iconfont">&#xe66f;</i>
+ <div class="name">语音</div>
+ <div class="code">&amp;#xe66f;</div>
+ <div class="fontclass">.Hui-iconfont-yuyin3</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe62e;</i>
+ <div class="name">系统</div>
+ <div class="code">&amp;#xe62e;</div>
+ <div class="fontclass">.Hui-iconfont-system</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe633;</i>
+ <div class="name">帮助</div>
+ <div class="code">&amp;#xe633;</div>
+ <div class="fontclass">.Hui-iconfont-help</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe634;</i>
+ <div class="name">出库</div>
+ <div class="code">&amp;#xe634;</div>
+ <div class="fontclass">.Hui-iconfont-chuku</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe646;</i>
+ <div class="name">图片</div>
+ <div class="code">&amp;#xe646;</div>
+ <div class="fontclass">.Hui-iconfont-picture</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe681;</i>
+ <div class="name">分类</div>
+ <div class="code">&amp;#xe681;</div>
+ <div class="fontclass">.Hui-iconfont-fenlei</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe636;</i>
+ <div class="name">合同管理</div>
+ <div class="code">&amp;#xe636;</div>
+ <div class="fontclass">.Hui-iconfont-hetong</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe687;</i>
+ <div class="name">全部订单</div>
+ <div class="code">&amp;#xe687;</div>
+ <div class="fontclass">.Hui-iconfont-quanbudingdan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe637;</i>
+ <div class="name">任务管理</div>
+ <div class="code">&amp;#xe637;</div>
+ <div class="fontclass">.Hui-iconfont-renwu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe691;</i>
+ <div class="name">问题反馈</div>
+ <div class="code">&amp;#xe691;</div>
+ <div class="fontclass">.Hui-iconfont-feedback</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe692;</i>
+ <div class="name">意见反馈</div>
+ <div class="code">&amp;#xe692;</div>
+ <div class="fontclass">.Hui-iconfont-feedback2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe639;</i>
+ <div class="name">合同</div>
+ <div class="code">&amp;#xe639;</div>
+ <div class="fontclass">.Hui-iconfont-dangan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe623;</i>
+ <div class="name">日志</div>
+ <div class="code">&amp;#xe623;</div>
+ <div class="fontclass">.Hui-iconfont-log</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe626;</i>
+ <div class="name">列表页面</div>
+ <div class="code">&amp;#xe626;</div>
+ <div class="fontclass">.Hui-iconfont-pages</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63e;</i>
+ <div class="name">文件</div>
+ <div class="code">&amp;#xe63e;</div>
+ <div class="fontclass">.Hui-iconfont-file</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63c;</i>
+ <div class="name">管理</div>
+ <div class="code">&amp;#xe63c;</div>
+ <div class="fontclass">.Hui-iconfont-manage2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe627;</i>
+ <div class="name">订单</div>
+ <div class="code">&amp;#xe627;</div>
+ <div class="fontclass">.Hui-iconfont-order</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a4;</i>
+ <div class="name">语音</div>
+ <div class="code">&amp;#xe6a4;</div>
+ <div class="fontclass">.Hui-iconfont-yuyin2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a5;</i>
+ <div class="name">语音</div>
+ <div class="code">&amp;#xe6a5;</div>
+ <div class="fontclass">.Hui-iconfont-yuyin</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe612;</i>
+ <div class="name">图片</div>
+ <div class="code">&amp;#xe612;</div>
+ <div class="fontclass">.Hui-iconfont-picture1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe685;</i>
+ <div class="name">图文详情</div>
+ <div class="code">&amp;#xe685;</div>
+ <div class="fontclass">.Hui-iconfont-tuwenxiangqing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe72d;</i>
+ <div class="name">模版</div>
+ <div class="code">&amp;#xe72d;</div>
+ <div class="fontclass">.Hui-iconfont-moban-2</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe727;</i>
+ <div class="name">节日</div>
+ <div class="code">&amp;#xe727;</div>
+ <div class="fontclass">.Hui-iconfont-jieri</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe72b;</i>
+ <div class="name">随你后台-网站</div>
+ <div class="code">&amp;#xe72b;</div>
+ <div class="fontclass">.Hui-iconfont-moban</div>
+ </li>
+ </ul>
+ <h2>天气相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe6ac;</i>
+ <div class="name">多云</div>
+ <div class="code">&amp;#xe6ac;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-duoyun</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ad;</i>
+ <div class="name">霾</div>
+ <div class="code">&amp;#xe6ad;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-mai</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ae;</i>
+ <div class="name">晴</div>
+ <div class="code">&amp;#xe6ae;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-qing</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6af;</i>
+ <div class="name">雾</div>
+ <div class="code">&amp;#xe6af;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-wu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b0;</i>
+ <div class="name">雪</div>
+ <div class="code">&amp;#xe6b0;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-xue</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b1;</i>
+ <div class="name">阴</div>
+ <div class="code">&amp;#xe6b1;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-yin</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b2;</i>
+ <div class="name">雨</div>
+ <div class="code">&amp;#xe6b2;</div>
+ <div class="fontclass">.Hui-iconfont-tianqi-yu</div>
+ </li>
+ </ul>
+ <h2>用户相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe62c;</i>
+ <div class="name">用户</div>
+ <div class="code">&amp;#xe62c;</div>
+ <div class="fontclass">.Hui-iconfont-user</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60d;</i>
+ <div class="name">用户</div>
+ <div class="code">&amp;#xe60d;</div>
+ <div class="fontclass">.Hui-iconfont-user2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe60a;</i>
+ <div class="name">用户头像</div>
+ <div class="code">&amp;#xe60a;</div>
+ <div class="fontclass">.Hui-iconfont-avatar</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe705;</i>
+ <div class="name">个人中心</div>
+ <div class="code">&amp;#xe705;</div>
+ <div class="fontclass">.Hui-iconfont-avatar2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe607;</i>
+ <div class="name">添加用户</div>
+ <div class="code">&amp;#xe607;</div>
+ <div class="fontclass">.Hui-iconfont-user-add</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe602;</i>
+ <div class="name">用户ID</div>
+ <div class="code">&amp;#xe602;</div>
+ <div class="fontclass">.Hui-iconfont-userid</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe638;</i>
+ <div class="name">证照管理</div>
+ <div class="code">&amp;#xe638;</div>
+ <div class="fontclass">.Hui-iconfont-zhizhao</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe70d;</i>
+ <div class="name">执业证</div>
+ <div class="code">&amp;#xe70d;</div>
+ <div class="fontclass">.Hui-iconfont-practice</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe62b;</i>
+ <div class="name">群组</div>
+ <div class="code">&amp;#xe62b;</div>
+ <div class="fontclass">.Hui-iconfont-user-group</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe653;</i>
+ <div class="name">站长</div>
+ <div class="code">&amp;#xe653;</div>
+ <div class="fontclass">.Hui-iconfont-user-zhanzhang</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe62d;</i>
+ <div class="name">管理员</div>
+ <div class="code">&amp;#xe62d;</div>
+ <div class="fontclass">.Hui-iconfont-root</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe643;</i>
+ <div class="name">公司</div>
+ <div class="code">&amp;#xe643;</div>
+ <div class="fontclass">.Hui-iconfont-gongsi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b4;</i>
+ <div class="name">会员卡</div>
+ <div class="code">&amp;#xe6b4;</div>
+ <div class="fontclass">.Hui-iconfont-vip-card2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6cc;</i>
+ <div class="name">会员</div>
+ <div class="code">&amp;#xe6cc;</div>
+ <div class="fontclass">.Hui-iconfont-vip</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe611;</i>
+ <div class="name">群组</div>
+ <div class="code">&amp;#xe611;</div>
+ <div class="fontclass">.Hui-iconfont-usergroup2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d0;</i>
+ <div class="name">客服</div>
+ <div class="code">&amp;#xe6d0;</div>
+ <div class="fontclass">.Hui-iconfont-kefu</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe72c;</i>
+ <div class="name">版主</div>
+ <div class="code">&amp;#xe72c;</div>
+ <div class="fontclass">.Hui-iconfont-banzhu</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6d3;</i>
+ <div class="name">皇冠</div>
+ <div class="code">&amp;#xe6d3;</div>
+ <div class="fontclass">.Hui-iconfont-huangguan</div>
+ </li>
+ </ul>
+ <h2>表情相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe68e;</i>
+ <div class="name">表情</div>
+ <div class="code">&amp;#xe68e;</div>
+ <div class="fontclass">.Hui-iconfont-face2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe668;</i>
+ <div class="name">表情</div>
+ <div class="code">&amp;#xe668;</div>
+ <div class="fontclass">.Hui-iconfont-face</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe656;</i>
+ <div class="name">微笑</div>
+ <div class="code">&amp;#xe656;</div>
+ <div class="fontclass">.Hui-iconfont-face-weixiao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe688;</i>
+ <div class="name">哭脸</div>
+ <div class="code">&amp;#xe688;</div>
+ <div class="fontclass">.face-ku</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe657;</i>
+ <div class="name">吃惊</div>
+ <div class="code">&amp;#xe657;</div>
+ <div class="fontclass">.Hui-iconfont-face-chijing</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe658;</i>
+ <div class="name">呆</div>
+ <div class="code">&amp;#xe658;</div>
+ <div class="fontclass">.Hui-iconfont-face-dai</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe659;</i>
+ <div class="name">耍酷</div>
+ <div class="code">&amp;#xe659;</div>
+ <div class="fontclass">.Hui-iconfont-face-shuaku</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65a;</i>
+ <div class="name">魔鬼</div>
+ <div class="code">&amp;#xe65a;</div>
+ <div class="fontclass">.Hui-iconfont-face-mogui</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65b;</i>
+ <div class="name">尴尬</div>
+ <div class="code">&amp;#xe65b;</div>
+ <div class="fontclass">.Hui-iconfont-face-ganga</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65c;</i>
+ <div class="name">亲</div>
+ <div class="code">&amp;#xe65c;</div>
+ <div class="fontclass">.Hui-iconfont-face-qin</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65d;</i>
+ <div class="name">怒</div>
+ <div class="code">&amp;#xe65d;</div>
+ <div class="fontclass">.Hui-iconfont-face-nu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65e;</i>
+ <div class="name">眨眼</div>
+ <div class="code">&amp;#xe65e;</div>
+ <div class="fontclass">.Hui-iconfont-face-zhayan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe65f;</i>
+ <div class="name">生气</div>
+ <div class="code">&amp;#xe65f;</div>
+ <div class="fontclass">.Hui-iconfont-face-shengqi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe660;</i>
+ <div class="name">骂</div>
+ <div class="code">&amp;#xe660;</div>
+ <div class="fontclass">.Hui-iconfont-face-ma</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe661;</i>
+ <div class="name">鄙视</div>
+ <div class="code">&amp;#xe661;</div>
+ <div class="fontclass">.Hui-iconfont-face-bishi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe662;</i>
+ <div class="name">卖萌</div>
+ <div class="code">&amp;#xe662;</div>
+ <div class="fontclass">.Hui-iconfont-face-maimeng</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe663;</i>
+ <div class="name">惊呆</div>
+ <div class="code">&amp;#xe663;</div>
+ <div class="fontclass">.Hui-iconfont-face-jingdai</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe664;</i>
+ <div class="name">晕</div>
+ <div class="code">&amp;#xe664;</div>
+ <div class="fontclass">.Hui-iconfont-face-yun</div>
+ </li>
+ </ul>
+ <h2>社区相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe666;</i>
+ <div class="name">分享</div>
+ <div class="code">&amp;#xe666;</div>
+ <div class="fontclass">.Hui-iconfont-share2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6aa;</i>
+ <div class="name">分享</div>
+ <div class="code">&amp;#xe6aa;</div>
+ <div class="fontclass">.Hui-iconfont-share</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d8;</i>
+ <div class="name">人人网</div>
+ <div class="code">&amp;#xe6d8;</div>
+ <div class="fontclass">.Hui-iconfont-share-renren</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d9;</i>
+ <div class="name">腾讯微博</div>
+ <div class="code">&amp;#xe6d9;</div>
+ <div class="fontclass">.Hui-iconfont-share-tweibo</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe67c;</i>
+ <div class="name">豆瓣</div>
+ <div class="code">&amp;#xe67c;</div>
+ <div class="fontclass">.Hui-iconfont-share-douban</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe693;</i>
+ <div class="name">朋友圈</div>
+ <div class="code">&amp;#xe693;</div>
+ <div class="fontclass">.Hui-iconfont-share-pengyouquan</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe694;</i>
+ <div class="name">微信</div>
+ <div class="code">&amp;#xe694;</div>
+ <div class="fontclass">.Hui-iconfont-share-weixin</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe67b;</i>
+ <div class="name">QQ</div>
+ <div class="code">&amp;#xe67b;</div>
+ <div class="fontclass">.Hui-iconfont-share-qq</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6c8;</i>
+ <div class="name">QQ空间</div>
+ <div class="code">&amp;#xe6c8;</div>
+ <div class="fontclass">.Hui-iconfont-share-qzone</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6da;</i>
+ <div class="name">微博</div>
+ <div class="code">&amp;#xe6da;</div>
+ <div class="fontclass">.Hui-iconfont-share-weibo</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe689;</i>
+ <div class="name">知乎</div>
+ <div class="code">&amp;#xe689;</div>
+ <div class="fontclass">.Hui-iconfont-share-zhihu</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe715;</i>
+ <div class="name">更多</div>
+ <div class="code">&amp;#xe715;</div>
+ <div class="fontclass">.Hui-iconfont-gengduo</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe716;</i>
+ <div class="name">更多</div>
+ <div class="code">&amp;#xe716;</div>
+ <div class="fontclass">.Hui-iconfont-gengduo2</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f9;</i>
+ <div class="name">更多</div>
+ <div class="code">&amp;#xe6f9;</div>
+ <div class="fontclass">.Hui-iconfont-engduo3</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe717;</i>
+ <div class="name">更多</div>
+ <div class="code">&amp;#xe717;</div>
+ <div class="fontclass">.Hui-iconfont-gengduo4</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe649;</i>
+ <div class="name">喜欢</div>
+ <div class="code">&amp;#xe649;</div>
+ <div class="fontclass">.Hui-iconfont-like</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe648;</i>
+ <div class="name">喜欢</div>
+ <div class="code">&amp;#xe648;</div>
+ <div class="fontclass">.Hui-iconfont-like2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe680;</i>
+ <div class="name">已关注</div>
+ <div class="code">&amp;#xe680;</div>
+ <div class="fontclass">.Hui-iconfont-yiguanzhu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe622;</i>
+ <div class="name">评论</div>
+ <div class="code">&amp;#xe622;</div>
+ <div class="fontclass">.Hui-iconfont-comment</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe686;</i>
+ <div class="name">累计评价</div>
+ <div class="code">&amp;#xe686;</div>
+ <div class="fontclass">.Hui-iconfont-leijipingjia</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe68a;</i>
+ <div class="name">消息</div>
+ <div class="code">&amp;#xe68a;</div>
+ <div class="fontclass">.Hui-iconfont-xiaoxi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61b;</i>
+ <div class="name">收藏</div>
+ <div class="code">&amp;#xe61b;</div>
+ <div class="fontclass">.Hui-iconfont-cang</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe630;</i>
+ <div class="name">收藏-选中</div>
+ <div class="code">&amp;#xe630;</div>
+ <div class="fontclass">.Hui-iconfont-cang-selected</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69e;</i>
+ <div class="name">收藏</div>
+ <div class="code">&amp;#xe69e;</div>
+ <div class="fontclass">.Hui-iconfont-cang2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69d;</i>
+ <div class="name">收藏-选中</div>
+ <div class="code">&amp;#xe69d;</div>
+ <div class="fontclass">.Hui-iconfont-cang2-selected</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe68b;</i>
+ <div class="name">关注-更多操作</div>
+ <div class="code">&amp;#xe68b;</div>
+ <div class="fontclass">.Hui-iconfont-more</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe66d;</i>
+ <div class="name">赞扬</div>
+ <div class="code">&amp;#xe66d;</div>
+ <div class="fontclass">.Hui-iconfont-zan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe66e;</i>
+ <div class="name">批评</div>
+ <div class="code">&amp;#xe66e;</div>
+ <div class="fontclass">.Hui-iconfont-cai</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe697;</i>
+ <div class="name">点赞</div>
+ <div class="code">&amp;#xe697;</div>
+ <div class="fontclass">.Hui-iconfont-zan2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe62f;</i>
+ <div class="name">通知</div>
+ <div class="code">&amp;#xe62f;</div>
+ <div class="fontclass">.Hui-iconfont-msg</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63b;</i>
+ <div class="name">消息管理</div>
+ <div class="code">&amp;#xe63b;</div>
+ <div class="fontclass">.Hui-iconfont-email</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a9;</i>
+ <div class="name">已关注店铺</div>
+ <div class="code">&amp;#xe6a9;</div>
+ <div class="fontclass">.Hui-iconfont-yiguanzhu1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ab;</i>
+ <div class="name">转发</div>
+ <div class="code">&amp;#xe6ab;</div>
+ <div class="fontclass">.Hui-iconfont-zhuanfa</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b3;</i>
+ <div class="name">待评价</div>
+ <div class="code">&amp;#xe6b3;</div>
+ <div class="fontclass">.Hui-iconfont-daipingjia</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b5;</i>
+ <div class="name">积分</div>
+ <div class="code">&amp;#xe6b5;</div>
+ <div class="fontclass">.Hui-iconfont-jifen</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c5;</i>
+ <div class="name">消息</div>
+ <div class="code">&amp;#xe6c5;</div>
+ <div class="fontclass">.Hui-iconfont-xiaoxi1</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe70b;</i>
+ <div class="name">已读</div>
+ <div class="code">&amp;#xe70b;</div>
+ <div class="fontclass">.Hui-iconfont-read</div>
+ </li>
+ 
+ <li>
+ <i class="icon Hui-iconfont">&#xe70c;</i>
+ <div class="name">用户反馈</div>
+ <div class="code">&amp;#xe70c;</div>
+ <div class="fontclass">.Hui-iconfont-feedback1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ce;</i>
+ <div class="name">订阅</div>
+ <div class="code">&amp;#xe6ce;</div>
+ <div class="fontclass">.Hui-iconfont-dingyue</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6cd;</i>
+ <div class="name">提示</div>
+ <div class="code">&amp;#xe6cd;</div>
+ <div class="fontclass">.Hui-iconfont-tishi</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe702;</i>
+ <div class="name">star-o</div>
+ <div class="code">&amp;#xe702;</div>
+ <div class="fontclass">.Hui-iconfont-star-o</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ff;</i>
+ <div class="name">star</div>
+ <div class="code">&amp;#xe6ff;</div>
+ <div class="fontclass">.Hui-iconfont-star</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe700;</i>
+ <div class="name">star-half</div>
+ <div class="code">&amp;#xe700;</div>
+ <div class="fontclass">.Hui-iconfont-star-half</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe701;</i>
+ <div class="name">star-half-empty</div>
+ <div class="code">&amp;#xe701;</div>
+ <div class="fontclass">.Hui-iconfont-star-halfempty</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe70a;</i>
+ <div class="name">我的评价</div>
+ <div class="code">&amp;#xe70a;</div>
+ <div class="fontclass">.Hui-iconfont-comment1</div>
+ </li>
+ </ul>
+ <h2>统计相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe621;</i>
+ <div class="name">数据统计</div>
+ <div class="code">&amp;#xe621;</div>
+ <div class="fontclass">.Hui-iconfont-tongji-bing</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe635;</i>
+ <div class="name">统计管理</div>
+ <div class="code">&amp;#xe635;</div>
+ <div class="fontclass">.Hui-iconfont-ad</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61e;</i>
+ <div class="name">数据统计</div>
+ <div class="code">&amp;#xe61e;</div>
+ <div class="fontclass">.Hui-iconfont-shujutongji</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61a;</i>
+ <div class="name">统计</div>
+ <div class="code">&amp;#xe61a;</div>
+ <div class="fontclass">.Hui-iconfont-tongji</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe618;</i>
+ <div class="name">柱状统计</div>
+ <div class="code">&amp;#xe618;</div>
+ <div class="fontclass">.Hui-iconfont-tongji-zhu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe61c;</i>
+ <div class="name">线状统计</div>
+ <div class="code">&amp;#xe61c;</div>
+ <div class="fontclass">.Hui-iconfont-tongji-xian</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6cf;</i>
+ <div class="name">排行榜</div>
+ <div class="code">&amp;#xe6cf;</div>
+ <div class="fontclass">.Hui-iconfont-paixingbang</div>
+ </li>
+ </ul>
+ <h2>箭头相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe678;</i>
+ <div class="name">向左</div>
+ <div class="code">&amp;#xe678;</div>
+ <div class="fontclass">.Hui-iconfont-arrow1-bottom</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe674;</i>
+ <div class="name">向下</div>
+ <div class="code">&amp;#xe674;</div>
+ <div class="fontclass">.Hui-iconfont-arrow1-bottom</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe679;</i>
+ <div class="name">向上</div>
+ <div class="code">&amp;#xe679;</div>
+ <div class="fontclass">.Hui-iconfont-arrow1-top</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe67a;</i>
+ <div class="name">向右</div>
+ <div class="code">&amp;#xe67a;</div>
+ <div class="fontclass">.Hui-iconfont-arrow1-right</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d4;</i>
+ <div class="name">向左</div>
+ <div class="code">&amp;#xe6d4;</div>
+ <div class="fontclass">.Hui-iconfont-arrow2-left</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d6;</i>
+ <div class="name">向上</div>
+ <div class="code">&amp;#xe6d6;</div>
+ <div class="fontclass">.Hui-iconfont-arrow2-top</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d7;</i>
+ <div class="name">向右</div>
+ <div class="code">&amp;#xe6d7;</div>
+ <div class="fontclass">.Hui-iconfont-arrow2-right</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d5;</i>
+ <div class="name">向下</div>
+ <div class="code">&amp;#xe6d5;</div>
+ <div class="fontclass">.Hui-iconfont-arrow2-bottom</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69b;</i>
+ <div class="name">向左</div>
+ <div class="code">&amp;#xe69b;</div>
+ <div class="fontclass">.Hui-iconfont-arrow3-left</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe699;</i>
+ <div class="name">向上</div>
+ <div class="code">&amp;#xe699;</div>
+ <div class="fontclass">.Hui-iconfont-arrow3-top</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69a;</i>
+ <div class="name">向右</div>
+ <div class="code">&amp;#xe69a;</div>
+ <div class="fontclass">.Hui-iconfont-arrow3-right</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe698;</i>
+ <div class="name">向下</div>
+ <div class="code">&amp;#xe698;</div>
+ <div class="fontclass">.Hui-iconfont-arrow3-bottom</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe67e;</i>
+ <div class="name">向右</div>
+ <div class="code">&amp;#xe67e;</div>
+ <div class="fontclass">.Hui-iconfont-sanjiao</div>
+ </li>
+ </ul>
+ <h2>电商相关</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe669;</i>
+ <div class="name">物流</div>
+ <div class="code">&amp;#xe669;</div>
+ <div class="fontclass">.Hui-iconfont-wuliu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe66a;</i>
+ <div class="name">店铺</div>
+ <div class="code">&amp;#xe66a;</div>
+ <div class="fontclass">.Hui-iconfont-dianpu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe670;</i>
+ <div class="name">购物车</div>
+ <div class="code">&amp;#xe670;</div>
+ <div class="fontclass">.Hui-iconfont-cart2-selected</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe672;</i>
+ <div class="name">购物车满</div>
+ <div class="code">&amp;#xe672;</div>
+ <div class="fontclass">.Hui-iconfont-cart2-man</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe673;</i>
+ <div class="name">购物车空</div>
+ <div class="code">&amp;#xe673;</div>
+ <div class="fontclass">.Hui-iconfont-card2-kong</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b8;</i>
+ <div class="name">购物车-选中</div>
+ <div class="code">&amp;#xe6b8;</div>
+ <div class="fontclass">.Hui-iconfont-cart-selected</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b9;</i>
+ <div class="name">购物车</div>
+ <div class="code">&amp;#xe6b9;</div>
+ <div class="fontclass">.Hui-iconfont-cart-kong</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ba;</i>
+ <div class="name">降价</div>
+ <div class="code">&amp;#xe6ba;</div>
+ <div class="fontclass">.Hui-iconfont-jiangjia</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe628;</i>
+ <div class="name">信用卡还款</div>
+ <div class="code">&amp;#xe628;</div>
+ <div class="fontclass">.Hui-iconfont-bank</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6bb;</i>
+ <div class="name">礼物</div>
+ <div class="code">&amp;#xe6bb;</div>
+ <div class="fontclass">.Hui-iconfont-liwu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b6;</i>
+ <div class="name">优惠券</div>
+ <div class="code">&amp;#xe6b6;</div>
+ <div class="fontclass">.Hui-iconfont-youhuiquan</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6b7;</i>
+ <div class="name">红包</div>
+ <div class="code">&amp;#xe6b7;</div>
+ <div class="fontclass">.Hui-iconfont-hongbao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6ca;</i>
+ <div class="name">优惠券</div>
+ <div class="code">&amp;#xe6ca;</div>
+ <div class="fontclass">.Hui-iconfont-hongbao2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe63a;</i>
+ <div class="name">资金</div>
+ <div class="code">&amp;#xe63a;</div>
+ <div class="fontclass">.Hui-iconfont-money</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe620;</i>
+ <div class="name">商品</div>
+ <div class="code">&amp;#xe620;</div>
+ <div class="fontclass">.Hui-iconfont-goods</div>
+ </li>
+ </ul>
+ <h2>编辑器</h2>
+ <ul class="icon_lists cl">
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ee;</i>
+ <div class="name">code</div>
+ <div class="code">&amp;#xe6ee;</div>
+ <div class="fontclass">.Hui-iconfont-code</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe710;</i>
+ <div class="name">左对齐</div>
+ <div class="code">&amp;#xe710;</div>
+ <div class="fontclass">.Hui-iconfont-align-left</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe70e;</i>
+ <div class="name">居中对齐</div>
+ <div class="code">&amp;#xe70e;</div>
+ <div class="fontclass">.Hui-iconfont-align-center</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe711;</i>
+ <div class="name">右对齐</div>
+ <div class="code">&amp;#xe711;</div>
+ <div class="fontclass">.Hui-iconfont-align-right</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe70f;</i>
+ <div class="name">两头对齐</div>
+ <div class="code">&amp;#xe70f;</div>
+ <div class="fontclass">.Hui-iconfont-align-justify</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ec;</i>
+ <div class="name">字体</div>
+ <div class="code">&amp;#xe6ec;</div>
+ <div class="fontclass">.Hui-iconfont-font</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e7;</i>
+ <div class="name">加粗</div>
+ <div class="code">&amp;#xe6e7;</div>
+ <div class="fontclass">.Hui-iconfont-bold</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6e9;</i>
+ <div class="name">倾斜</div>
+ <div class="code">&amp;#xe6e9;</div>
+ <div class="fontclass">.Hui-iconfont-italic</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6fe;</i>
+ <div class="name">下划线</div>
+ <div class="code">&amp;#xe6fe;</div>
+ <div class="fontclass">.Hui-iconfont-underline</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6fc;</i>
+ <div class="name">text-height</div>
+ <div class="code">&amp;#xe6fc;</div>
+ <div class="fontclass">.Hui-iconfont-text-height</div>
+ </li>
+ 
+ <li>
+ <i class="icon Hui-iconfont">&#xe6fd;</i>
+ <div class="name">text-width</div>
+ <div class="code">&amp;#xe6fd;</div>
+ <div class="fontclass">.Hui-iconfont-text-width</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f1;</i>
+ <div class="name">link</div>
+ <div class="code">&amp;#xe6f1;</div>
+ <div class="fontclass">.Hui-iconfont-link</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f3;</i>
+ <div class="name">有序列表</div>
+ <div class="code">&amp;#xe6f3;</div>
+ <div class="fontclass">.Hui-iconfont-ordered-list</div>
+ </li>
+ 
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f5;</i>
+ <div class="name">无序列表</div>
+ <div class="code">&amp;#xe6f5;</div>
+ <div class="fontclass">.Hui-iconfont-unordered-list</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ef;</i>
+ <div class="name">剪切</div>
+ <div class="code">&amp;#xe6ef;</div>
+ <div class="fontclass">.Hui-iconfont-cut</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ea;</i>
+ <div class="name">复制</div>
+ <div class="code">&amp;#xe6ea;</div>
+ <div class="fontclass">.Hui-iconfont-copy</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6eb;</i>
+ <div class="name">粘贴</div>
+ <div class="code">&amp;#xe6eb;</div>
+ <div class="fontclass">.Hui-iconfont-paste</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f2;</i>
+ <div class="name">新建</div>
+ <div class="code">&amp;#xe6f2;</div>
+ <div class="fontclass">.Hui-iconfont-new</div>
+ </li>
+ </ul>
+ <h2>银行、支付相关</h2>
+ <ul class="icon_lists cl">
+ <li>
+ <i class="icon Hui-iconfont">&#xe71f;</i>
+ <div class="name">支付宝支付1</div>
+ <div class="code">&amp;#xe71f;</div>
+ <div class="fontclass">.Hui-iconfont-pay-alipay-1</div>
+ </li> 
+ <li>
+ <i class="icon Hui-iconfont">&#xe71c;</i>
+ <div class="name">支付宝支付2</div>
+ <div class="code">&amp;#xe71c;</div>
+ <div class="fontclass">.Hui-iconfont-pay-alipay-2</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe719;</i>
+ <div class="name">微信支付</div>
+ <div class="code">&amp;#xe719;</div>
+ <div class="fontclass">.Hui-iconfont-pay-weixin</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe722;</i>
+ <div class="name">中国银行</div>
+ <div class="code">&amp;#xe722;</div>
+ <div class="fontclass">.Hui-iconfont-zhongguoyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe71d;</i>
+ <div class="name">工商银行</div>
+ <div class="code">&amp;#xe71d;</div>
+ <div class="fontclass">.Hui-iconfont-gongshangyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f8;</i>
+ <div class="name">建设银行</div>
+ <div class="code">&amp;#xe6f8;</div>
+ <div class="fontclass">.Hui-iconfont-jiansheyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe71a;</i>
+ <div class="name">交通银行</div>
+ <div class="code">&amp;#xe71a;</div>
+ <div class="fontclass">.Hui-iconfont-jiaotongyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe713;</i>
+ <div class="name">中国农业银行</div>
+ <div class="code">&amp;#xe713;</div>
+ <div class="fontclass">.Hui-iconfont-zhongguonongyeyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe721;</i>
+ <div class="name">邮政银行</div>
+ <div class="code">&amp;#xe721;</div>
+ <div class="fontclass">.Hui-iconfont-youzhengyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe71b;</i>
+ <div class="name">浦发银行</div>
+ <div class="code">&amp;#xe71b;</div>
+ <div class="fontclass">.Hui-iconfont-pufayinxing</div>
+ </li> 
+ <li>
+ <i class="icon Hui-iconfont">&#xe71e;</i>
+ <div class="name">华夏银行</div>
+ <div class="code">&amp;#xe71e;</div>
+ <div class="fontclass">.Hui-iconfont-huaxiayinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe704;</i>
+ <div class="name">招商银行</div>
+ <div class="code">&amp;#xe704;</div>
+ <div class="fontclass">.Hui-iconfont-zhaoshangyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe723;</i>
+ <div class="name">中信银行</div>
+ <div class="code">&amp;#xe723;</div>
+ <div class="fontclass">.Hui-iconfont-zhongxinyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe724;</i>
+ <div class="name">上海银行</div>
+ <div class="code">&amp;#xe724;</div>
+ <div class="fontclass">.Hui-iconfont-shanghaiyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6ed;</i>
+ <div class="name">温州银行</div>
+ <div class="code">&amp;#xe6ed;</div>
+ <div class="fontclass">.Hui-iconfont-wenzhouyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f0;</i>
+ <div class="name">光大银行</div>
+ <div class="code">&amp;#xe6f0;</div>
+ <div class="fontclass">.Hui-iconfont-guangdayinxing</div>
+ </li>
+ 
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f4;</i>
+ <div class="name">民生银行</div>
+ <div class="code">&amp;#xe6f4;</div>
+ <div class="fontclass">.Hui-iconfont-minshengyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6f6;</i>
+ <div class="name">青岛银行</div>
+ <div class="code">&amp;#xe6f6;</div>
+ <div class="fontclass">.Hui-iconfont-qingdaoyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe6fb;</i>
+ <div class="name">北京银行</div>
+ <div class="code">&amp;#xe6fb;</div>
+ <div class="fontclass">.Hui-iconfont-beijingyinxing</div>
+ </li>
+ 
+ <li>
+ <i class="icon Hui-iconfont">&#xe703;</i>
+ <div class="name">广东发展银行</div>
+ <div class="code">&amp;#xe703;</div>
+ <div class="fontclass">.Hui-iconfont-guangdongfazhanyinxing</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe712;</i>
+ <div class="name">浙商银行</div>
+ <div class="code">&amp;#xe712;</div>
+ <div class="fontclass">.Hui-iconfont-zheshangyinxing</div>
+ </li> 
+ <li>
+ <i class="icon Hui-iconfont">&#xe714;</i>
+ <div class="name">成都银行</div>
+ <div class="code">&amp;#xe714;</div>
+ <div class="fontclass">.Hui-iconfont-cdbank</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe718;</i>
+ <div class="name">杭州银行</div>
+ <div class="code">&amp;#xe718;</div>
+ <div class="fontclass">.Hui-iconfont-hangzhouyinxing</div>
+ </li>
+ </ul>
+ <h2>其他</h2>
+ <ul class="icon_lists cl">
+ <li> <i class="icon Hui-iconfont">&#xe6c7;</i>
+ <div class="name">电话</div>
+ <div class="code">&amp;#xe6c7;</div>
+ <div class="fontclass">.Hui-iconfont-tel</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a3;</i>
+ <div class="name">电话</div>
+ <div class="code">&amp;#xe6a3;</div>
+ <div class="fontclass">.Hui-iconfont-tel2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe696;</i>
+ <div class="name">iphone手机</div>
+ <div class="code">&amp;#xe696;</div>
+ <div class="fontclass">.Hui-iconfont-phone</div>
+ </li>
+ <li>
+ <i class="icon Hui-iconfont">&#xe708;</i>
+ <div class="name">安卓手机</div>
+ <div class="code">&amp;#xe708;</div>
+ <div class="fontclass">.Hui-iconfont-phone-android</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64c;</i>
+ <div class="name">平板电脑</div>
+ <div class="code">&amp;#xe64c;</div>
+ <div class="fontclass">.Hui-iconfont-pad</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64f;</i>
+ <div class="name">PC</div>
+ <div class="code">&amp;#xe64f;</div>
+ <div class="fontclass">.Hui-iconfont-xianshiqi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe650;</i>
+ <div class="name">照相机</div>
+ <div class="code">&amp;#xe650;</div>
+ <div class="fontclass">.Hui-iconfont-zhaoxiangji</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe651;</i>
+ <div class="name">单反相机</div>
+ <div class="code">&amp;#xe651;</div>
+ <div class="fontclass">.Hui-iconfont-danfanxiangji</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe652;</i>
+ <div class="name">打印机</div>
+ <div class="code">&amp;#xe652;</div>
+ <div class="fontclass">.Hui-iconfont-dayinji</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64d;</i>
+ <div class="name">轮胎</div>
+ <div class="code">&amp;#xe64d;</div>
+ <div class="fontclass">.Hui-iconfont-lunzi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe654;</i>
+ <div class="name">插件</div>
+ <div class="code">&amp;#xe654;</div>
+ <div class="fontclass">.Hui-iconfont-chajian</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe655;</i>
+ <div class="name">节日</div>
+ <div class="code">&amp;#xe655;</div>
+ <div class="fontclass">.Hui-iconfont-jieri</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe675;</i>
+ <div class="name">排序</div>
+ <div class="code">&amp;#xe675;</div>
+ <div class="fontclass">.Hui-iconfont-paixu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe624;</i>
+ <div class="name">匿名</div>
+ <div class="code">&amp;#xe624;</div>
+ <div class="fontclass">.Hui-iconfont-niming</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe62a;</i>
+ <div class="name">换肤</div>
+ <div class="code">&amp;#xe62a;</div>
+ <div class="fontclass">.Hui-iconfont-pifu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6cb;</i>
+ <div class="name">二维码</div>
+ <div class="code">&amp;#xe6cb;</div>
+ <div class="fontclass">.Hui-iconfont-2code</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe682;</i>
+ <div class="name">扫一扫</div>
+ <div class="code">&amp;#xe682;</div>
+ <div class="fontclass">.Hui-iconfont-saoyisao</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe683;</i>
+ <div class="name">搜索</div>
+ <div class="code">&amp;#xe683;</div>
+ <div class="fontclass">.Hui-iconfont-search</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe68c;</i>
+ <div class="name">中图模式</div>
+ <div class="code">&amp;#xe68c;</div>
+ <div class="fontclass">.Hui-iconfont-zhongtumoshi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe68d;</i>
+ <div class="name">大图模式</div>
+ <div class="code">&amp;#xe68d;</div>
+ <div class="fontclass">.Hui-iconfont-datumoshi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6be;</i>
+ <div class="name">大图模式</div>
+ <div class="code">&amp;#xe6be;</div>
+ <div class="fontclass">.Hui-iconfont-bigpic</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c0;</i>
+ <div class="name">中图模式</div>
+ <div class="code">&amp;#xe6c0;</div>
+ <div class="fontclass">.Hui-iconfont-middle</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6bf;</i>
+ <div class="name">列表模式</div>
+ <div class="code">&amp;#xe6bf;</div>
+ <div class="fontclass">.Hui-iconfont-list</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe690;</i>
+ <div class="name">时间</div>
+ <div class="code">&amp;#xe690;</div>
+ <div class="fontclass">.Hui-iconfont-shijian</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69c;</i>
+ <div class="name">更多</div>
+ <div class="code">&amp;#xe69c;</div>
+ <div class="fontclass">.Hui-iconfont-more2</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe629;</i>
+ <div class="name">SIM卡</div>
+ <div class="code">&amp;#xe629;</div>
+ <div class="fontclass">.Hui-iconfont-sim</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c1;</i>
+ <div class="name">火热</div>
+ <div class="code">&amp;#xe6c1;</div>
+ <div class="fontclass">.Hui-iconfont-hot</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c2;</i>
+ <div class="name">拍摄</div>
+ <div class="code">&amp;#xe6c2;</div>
+ <div class="fontclass">.Hui-iconfont-paishe</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c3;</i>
+ <div class="name">热销</div>
+ <div class="code">&amp;#xe6c3;</div>
+ <div class="fontclass">.Hui-iconfont-hot1</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c4;</i>
+ <div class="name">上新</div>
+ <div class="code">&amp;#xe6c4;</div>
+ <div class="fontclass">.Hui-iconfont-new</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c6;</i>
+ <div class="name">产品参数</div>
+ <div class="code">&amp;#xe6c6;</div>
+ <div class="fontclass">.Hui-iconfont-canshu</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6c9;</i>
+ <div class="name">定位</div>
+ <div class="code">&amp;#xe6c9;</div>
+ <div class="fontclass">.Hui-iconfont-dingwei</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe671;</i>
+ <div class="name">定位</div>
+ <div class="code">&amp;#xe671;</div>
+ <div class="fontclass">.Hui-iconfont-weizhi</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe69f;</i>
+ <div class="name">HTML</div>
+ <div class="code">&amp;#xe69f;</div>
+ <div class="fontclass">.Hui-iconfont-html</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a0;</i>
+ <div class="name">CSS</div>
+ <div class="code">&amp;#xe6a0;</div>
+ <div class="fontclass">.Hui-iconfont-css</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe64a;</i>
+ <div class="name">苹果</div>
+ <div class="code">&amp;#xe64a;</div>
+ <div class="fontclass">.Hui-iconfont-apple</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6a2;</i>
+ <div class="name">android</div>
+ <div class="code">&amp;#xe6a2;</div>
+ <div class="fontclass">.Hui-iconfont-android</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d1;</i>
+ <div class="name">github</div>
+ <div class="code">&amp;#xe6d1;</div>
+ <div class="fontclass">.Hui-iconfont-github</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d2;</i>
+ <div class="name">html5</div>
+ <div class="code">&amp;#xe6d2;</div>
+ <div class="fontclass">.Hui-iconfont-html5</div>
+ </li>
+ <li> <i class="icon Hui-iconfont">&#xe6d3;</i>
+ <div class="name">皇冠</div>
+ <div class="code">&amp;#xe6d3;</div>
+ <div class="fontclass">.Hui-iconfont-huangguan</div>
+ </li>
+ </ul>
+ <div class="helps">
+ <p>挑选相应图标并获取字体编码，应用于页面</p>
+ <pre>&lt;i class="Hui-iconfont"&gt;&amp;#xe684;&lt;/i&gt;</pre>
+ </div>
+</div>
+</body>
+</html>