PHP - 标签 - 菠菜眾長https://lruihao.cn/tags/php/PHP - 标签 - 菠菜眾長Hugo -- gohugo.iozh-CN1024@lruihao.cn (Lruihao)1024@lruihao.cn (Lruihao)Sat, 25 Jul 2020 20:51:11 +0000cell-blog 功能介绍与安装https://lruihao.cn/projects/cell-blog/Sat, 25 Jul 2020 20:51:11 +0000Lruihaohttps://lruihao.cn/projects/cell-blog/

基于 Laravel7 开发，Markdown 语法的个人独立博客。Cell Blog, 也是我的毕业设计作品，目前已開源。

功能

  • 支持 Markdown, 文章实时预览效果
  • 支持多种编程语言代码高亮
  • 编辑器图片上传
  • 后台上传文件管理
  • 文章搜索
  • 文章分类
  • 文章标签
  • 热门文章
  • 随机格言
  • 文章管理（发布，评论开关，排序）
  • 自定义导航（显示开关，排序）
  • 自定义页面（发布开关）
  • 友情链接（显示开关，排序）
  • COS 桶相册
  • 丰富的博客配置（方便扩展，支持自定义 JS 脚本）
  • 不蒜子计数
  • Leancloud 计数
  • Valine 评论插件
  • 文章分享插件

截图



安装

注意事项：PHP 取消禁用函数putenv()和symlink()，安装fileinfo扩展。

下载

1

git clone https://github.com/Lruihao/cell-blog.git

进入站点

1

cd cell-blog

生成。env

1

cp .env.example .env

编辑。env 环境配置

1
2
3
4
5
6
7

APP_URL=http://localhost #使用本地文件系统存储文件时，必须填写正确地址
APP_DEBUG=false #关闭调试
DB_HOST= #数据库地址
DB_PORT=3306 #数据库端口
DB_DATABASE= #数据库名称
DB_USERNAME= #数据库用户
DB_PASSWORD= #数据库密码

打开app\Providers\AppServiceProvider.php, 注释SystemController:load() 防止后续步骤报错

1
2
3
4
5

    public function boot()
    {
        Schema::defaultStringLength(191);
        //SystemController::load();
    }

安装项目依赖

1

composer install

生成 key

1

php artisan key:generate

运行数据迁移和后台数据填充

php artisan admin:install已包含数据迁移命令php artisan migrate
G:\cell-blog\app\Admin directory already exists !无需理会，继续执行剩下命令即可。

1
2
3
4
5

php artisan admin:install

php artisan admin:import media-manager

php artisan db:seed

默认下使用了本地文件系统，创建 storage 目录在 public 的软链接

1

php artisan storage:link

打开app\Providers\AppServiceProvider.php, 取消注释SystemController:load()

1
2
3
4
5

    public function boot()
    {
        Schema::defaultStringLength(191);
        SystemController::load();
    }

将博客网站根目录指向入口 public 目录

如果使用 Nginx，要设置伪静态

1
2
3

location / {
    try_files $uri $uri/ /index.php?$query_string;
}

启动服务后，在浏览器打开http://localhost/admin/, 使用用户名admin和密码admin登录。

License

Cell Blog is open-sourced software licensed under the MIT license.

]]>cell-blog 开发记录https://lruihao.cn/posts/cell-blog-dev/Sat, 25 Jul 2020 20:42:42 +0000Lruihaohttps://lruihao.cn/posts/cell-blog-dev/

Cell Blog 开发记录，项目地址

搭建 php 环境

  1. 安装 wampserver
  2. 安装 composer
  3. 更换 aliyun 源
1

composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

新建 laravel 项目

1

composer create-project --prefer-dist laravel/laravel cell-blog "7.*"

或者

1
2

composer global require laravel/installer
laravel new blog

下载 debugbar

1

composer require barryvdh/laravel-debugbar --dev

修改语言时区

修改 config/app.php，将 local 的值 en 改成 zh-CN(laravel-admin 自带 zh-CN)：

1
2
3
4

## 时区
'timezone' => 'Asia/Shanghai',
## 语言
'locale' => 'zh-CN',

配置数据库

首先确保安装好了 laravel，并且数据库连接设置正确。

1
2
3
4
5
6
7
8

APP_URL=http://cell.blog

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3307
DB_DATABASE=cell_blog
DB_USERNAME=root
DB_PASSWORD=123456

下载 laravel-admin

1
2

cd cell-blog
composer require encore/laravel-admin

卸载命令composer remove xxx

然后运行下面的命令来发布资源：

1

php artisan vendor:publish --provider="Encore\Admin\AdminServiceProvider"

在该命令会生成配置文件config/admin.php，可以在里面修改安装的地址、数据库连接、以及表名，建议都是用默认配置不修改。

然后运行下面的命令完成安装：

1

php artisan admin:install

运行这个命令的时候，如果遇到了下面的错误： SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 1000 bytes (SQL: alter tableusersadd uniqueusers_email_unique(email))
参考这个 issue 来解决 https://github.com/z-song/laravel-admin/issues/1541
在app\Providers\AppServiceProvider.php添加默认值

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema; //add fixed sql

class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Schema::defaultStringLength(191); //add fixed sql
    }

    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}

启动服务后，在浏览器打开 http://localhost/admin/ , 使用用户名 admin 和密码 admin 登录。

报错Disk [admin] not configured, please add a disk config in config/filesystems.php

在config/filesystems.php中 disks 处添加以下配置后执行php artisan storage:link来创建软链接（windows 和 linux 的软链接不一样不能直接复制！）

宝塔执行时删除禁用函数 putenv(),symlink()

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

'admin' => [
    'driver' => 'local',
    'root' => storage_path('app/public/system'),
    'url' => env('APP_URL').'/storage/system',
    'visibility' => 'public',
],

或

'admin' => [
    'driver' => 'local',
    'root' => public_path('uploads'),
    'url' => env('APP_URL').'/public/uploads/',
    'visibility' => 'public',
],

下载 dcat-admin

1

composer require dcat/laravel-admin

然后运行下面的命令来发布资源：

1

php artisan admin:publish

在该命令会生成配置文件config/admin.php，可以在里面修改安装的地址、数据库连接、以及表名，建议都是用默认配置不修改。

然后运行下面的命令完成安装：

1

php artisan admin:install

迁移文件创建表

1
2
3
4
5
6
7
8
9

php artisan make:migration create_articles_table
php artisan make:migration create_tags_table
php artisan make:migration create_categories_table
php artisan make:migration create_article_tags_table
php artisan make:migration create_navigations_table
php artisan make:migration create_friendship_links_table
php artisan make:migration create_pages_table
php artisan make:migration create_systems_table
php artisan make:migration create_mottoes_table

运行迁移

1

php artisan migrate

创建模型 model

1
2
3
4
5
6
7
8

php artisan make:model Models/Article
php artisan make:model Models/Category
php artisan make:model Models/Tag
php artisan make:model Models/Navigation
php artisan make:model Models/FriendshipLink
php artisan make:model Models/Page
php artisan make:model Models/System
php artisan make:model Models/Motto

创建控制器

1
2
3
4
5
6
7
8

php artisan admin:make ArticleController --model=App\Models\Article
php artisan admin:make CategoryController --model=App\Models\Category
php artisan admin:make TagController --model=App\Models\Tag
php artisan admin:make NavigationController --model=App\Models\Navigation
php artisan admin:make FriendshipLinkController --model=App\Models\FriendshipLink
php artisan admin:make PageController --model=App\Models\Page
php artisan admin:make SystemController --model=App\Models\System
php artisan admin:make MottoController --model=App\Models\Motto

添加后台路由

app/Admin/routes.php

1
2
3
4
5
6
7
8

$router->resource('articles', ArticleController::class);
$router->resource('categories', CategoryController::class);
$router->resource('tags', TagController::class);
$router->resource('navigations', NavigationController::class);
$router->resource('friendship-links', FriendshipLinkController::class);
$router->resource('pages', PageController::class);
$router->resource('systems', SystemController::class);
$router->resource('mottoes', MottoController::class);

editormd 安装

editormd github 图像问题

存放本地表情

1

public\vendor\laravel-admin-ext\editormd\editormd-1.5.0\images\emojis

修改 editormd.js 及 editormd.min.js

1
2
3
4
5

// Emoji graphics files url path
editormd.emoji     = {
    path  : "/iamges/emojis/",
    ext   : ".png"
};

图片上传

csrf 419 错误

可以在VerifyCsrfToken.php中添加白名单跳过验证，或者手动添加 csrf 验证器：

修改 image-dialog.js 的var dialogContent
参考

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

if (settings.crossDomainUpload)
{
    action += "&callback=" + settings.uploadCallbackURL + "&dialog_id=editormd-image-dialog-" + guid;
}
//添加 csrf 验证
var csrfToken = $('meta[name="csrf-token"]').attr('content');
var csrfField = "";
if (csrfToken) {
    csrfField = "<input type='hidden' name='_token' value='" + csrfToken + "' />";
}

markdown 转 HTML

https://www.zhiqiexing.com/119.html Laravel Markdown 安装

1
2

composer require graham-campbell/markdown
php artisan vendor:publish

扩展表格

1

composer require league/commonmark

config/markdown.php

1
2
3

'extensions' => [
        League\CommonMark\Extension\TaskList\TaskListExtension::class,
    ],

Eloquent 模型事件

Eloquent 模型可以触发事件，允许你在模型生命周期中的多个时间点调用如下这些方法：retrieved, creating, created, updating, updated, saving, saved, deleting, deleted, restoring, restored。事件允许你在一个指定模型类每次保存或更新的时候执行代码。

retrieved 事件会在从数据库中获取已存在模型时触发。当一个新模型被首次保存的时候，creating 和 created 事件会被触发。如果一个模型已经在数据库中存在并调用 save 方法，updating/updated 事件会被触发，无论是创建还是更新，saving/saved 事件都会被触发。

添加后台验证码

依赖 php 扩展fileinfo
添加验证码

Media manager

1
2

composer require laravel-admin-ext/media-manager
php artisan admin:import media-manager

’extensions’ => [ ‘media-manager’ => [ // Select a local disk that you configured in config/filesystem.php ‘disk’ => ‘public’ ], ],

1
2


## 给 laravel-admin 增加锁屏功能

composer require laravel-admin-ext/lock-screen

1
2
3
4
5
6
7
8

'route' => [
    'prefix' => 'demo',

    'namespace'     => 'App\\Admin\\Controllers',

    // 在中间件数组中加上'admin.lock'
    'middleware'    => ['web', 'admin', 'admin.lock'],
],

前台设计

创建控制器

1
2
3
4
5

php artisan make:controller HomeController
php artisan make:controller ArticleController
php artisan make:controller CategoryController
php artisan make:controller TagController
php artisan make:controller PageController

后台 img 灯箱

https://github.com/laravel-admin-extensions/grid-lightbox

1
2
3

composer require laravel-admin-ext/grid-lightbox

php artisan vendor:publish --tag=laravel-admin-grid-lightbox
]]>php 同时主动推送链接到百度，神马等站长平台https://lruihao.cn/posts/phppushurl/Sat, 28 Sep 2019 18:32:42 +0000Lruihaohttps://lruihao.cn/posts/phppushurl/

php 主动推送站点链接到百度站长，神马站长进行 SEO。

代码

把需要提交的链接和各站长 api 分别放在两个 txt 文件里面，然后运行 php 文件进行提交，不同站长提交成功一般返回的都是 200 状态码。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<?php

  //链接存放路径和站长 api 文件存放路径
  $urls_path = "H:\\lruihao.cn\\public\\baidu_urls.txt";
  $apis_path = "G:\\Demo\\lrh01\\zhanzhang_api.txt";
  //将文件每一行读到一个数组里面去
  $urls = file($urls_path, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
  $apis = file($apis_path, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);

  for($x=0;$x<count($apis);$x++){
    $ch = curl_init();
    $options =  array(
      CURLOPT_URL => $apis[$x],
      CURLOPT_POST => true,
      CURLOPT_RETURNTRANSFER => true,
      CURLOPT_POSTFIELDS => implode("\n", $urls),
      CURLOPT_HTTPHEADER => array('Content-Type: text/plain'),
    );
    curl_setopt_array($ch, $options);
    $result = curl_exec($ch);
    echo "API: <br/>&emsp;".$apis[$x]."<br/>";
    echo "result: <br/>&emsp;".$result."<hr/>";
  }

?>

提交结果

]]>php 按行读取文件信息https://lruihao.cn/posts/phpfile/Sat, 28 Sep 2019 17:11:17 +0000Lruihaohttps://lruihao.cn/posts/phpfile/普通方法

首先采用fopen()函数打开文件，得到返回值的就是资源类型。接着采用 while 循环一行行地读取文件，然后输出每行的文字。feof()判断是否到最后一行，fgets()读取一行文本。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<?php

  //首先采用“fopen”函数打开文件，得到返回值的就是资源类型。
  $file_handle = fopen("C:\\Users\\李瑞豪、\Desktop\\备忘录。txt","r");
  if ($file_handle){
      //接着采用 while 循环一行行地读取文件，然后输出每行的文字
      while (!feof($file_handle)) { //判断是否到最后一行
          $line = fgets($file_handle); //读取一行文本
          echo $line; //输出一行文本
          echo "<br />"; //换行
      }
  }
  fclose($file_handle);//关闭文件

?>

readfile（）函数，返回一整个 String

1

echo readfile("C:\\Users\\李瑞豪、\Desktop\\备忘录。txt");

快速方法

file()函数把整个文件读入一个数组中。
数组中的每个元素都是文件中相应的一行，包括换行符在内。
语法

1

file(path,include_path,context)
参数 描述
path 必需。规定要读取的文件。
include_path 可选参数include_path 可以是以下一个或多个常量：
**FILE_USE_INCLUDE_PATH在 include_path 中查找文件。
FILE_IGNORE_NEW_LINES在数组每个元素的末尾不要添加换行符
FILE_SKIP_EMPTY_LINES**跳过空行
context 可选。规定文件句柄的环境。context 是一套可以修改流的行为的选项。若使用 NULL，则忽略。 
1
2
3
4
5
6
7
8
9

<?php

  $filepath="H:\\lruihao.cn\\public\\baidu_urls.txt";
  echo "<hr/>";
  //将文件每一行读到一个数组里面去
  $texts = file($filepath, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
  var_dump($texts);

?>

结果

]]>NetBeans IDE 开发设置https://lruihao.cn/posts/netbeans/Thu, 15 Aug 2019 18:36:15 +0000Lruihaohttps://lruihao.cn/posts/netbeans/安裝

官方下載點

擴充功能

安裝擴充功能

  1. 下載擴充套件包
  2. 開啟 NetBeans→Tools→Plugins→Downloaded→Add Plugins
  3. 選擇要安裝的擴充套件包

啟用已安裝的擴充功能

  1. 開啟 NetBeans→Tools→Plugins→Installed
  2. 選擇要啟用的套件 (*.npm)
  3. 點擊 Activate

匯入設定

  1. 開啟 NetBeans→Tools→Options
  2. 點擊 Import 匯入設定
  3. 選擇要匯入的套件包 (*.zip)

常用設定

程式碼排版

在程式開發中，程式碼排版很重要。一個好的排版利於開發人員程式閱讀，也便於後期維護人員閱讀。

在 NetBeans 中設置程式碼排版

  1. 打開 NetBeans->Tools->Options->Editor->Formatting；
  2. Language 選擇 All Languages，勾選"Expand Tabs to Spaces", 用兩個空格鍵代替 Tab 鍵，首行留兩個 Tab 鍵。
  3. 點擊 Apply 或 Ok 完成設置。具體設置及效果如下圖所示：

程式碼樣板

程式碼樣板可以幫助你快速書寫程序，不必繁瑣地聲明函數或其他代碼塊，更專注與邏輯的書寫。

在 NetBeans 中設置程式碼樣板

  1. 打開 NetBeans→Tools→Options→Editor→Code Templates；
  2. 選擇你所用的語言（這裡以 JavaScript 為例）；
  3. 點擊"New"新建屬於你的或修改原有的程式碼樣板（例子僅為演示）；
  4. 在編程中應用它。

前端壓縮

下載擴充套件netbeans minify 或者 minifierBeans

  1. 開啟 NetBeans→Tools→Plugins→Downloaded→Add Plugins
  2. 選擇你下載的擴充套件開啟
  3. 開啟 NetBeans→Tools→options

快捷鍵

键位 作用
Ctrl+/ 注释一行（或选中部分）
Ctrl+X 剪切一行（或选中部分）
Ctrl+E 删除一行（或选中部分）
Shift+Alt+上下方向键 移动当前行
Ctrl+Shift+上下方向键 复制当前行（该操作并非复制到粘贴板）
Shift+Alt+F 整理代码
TAB 代碼自動補全/缩进/選中文字同時缩进
Shift+TAB 選中文字同時取消缩进
Ctrl+F 查找某个字
Ctrl+Shift+F 整个项目中查找某个字
Ctrl+H 替换某个字
Ctrl+Enter 增加空白行，光标不动。
Ctrl+(0~7) 打开各种小窗口
Shift+方向键 選中文字
Ctrl+Alt+Space 代码输入提示，不习惯的可以设置为 (Alt+/)，超级好用！！！
Ctrl+Shift+F5 调试当前程序
Shift+F6 运行当前程序
F6 运行主程序
Alt+Enter 显示程式 bug 建议或者警示等
  • NetBeans 中常用的快捷鍵 ↑：
  • 三種複製行方法
  1. 复制一行：Ctrl + Shift + 上下方向键（该操作并非复制到粘贴板）；
  2. 复制一行：在该行任何地方连续三击选中一样，然后 Ctrl + C 即可复制一行。；
  3. 复制一行（使用宏）: 编辑-开始录制宏 (Home,Shift + End,Ctrl + C)-停止录制宏-设置宏名称（如 select-entire-line)-设置快捷键（如 Ctrl + Alt + C)；
  • 也可自己修改快捷鍵 (Tools→Options→Keympa), 如下圖

{% asset_img quickkey.png quickkey %}

遠程開發 (FTP)

工作为例

  1. 新建项目
    1. 打开软件，进入新建项目页面（File-New Project），新建 php 项目，选择第一个（PHP-PHP Application）
    2. 项目名和地址自己选择（注意，选择地址后需在地址最后面加上"/项目名"）
  2. FTP 设置
    1. 点击下一步，进入 FTP 设置，Run As 选择 Remote Web Site(FTP,SFTP)
    2. Project URL 填写http://127.0.0.1/training/工号
  3. Manage 设置
    1. 点击 Manage, 进入页面。名字自取。Host Name 填写：127.0.0.1
    2. Encryption 选择 Pure FTP,User Name 和 Password（填写工号/课务系统登录密码）
    3. Initial Directory 填写_training
    4. 点击 Test Connection 测试是否连接成功
  4. 其他设置
    1. Upload Directory, 上传目录不填，直接上传至个人根目录
    2. Upload File 改为保存时上传文件（On Save）

Chrome with NetNeans Connector

  1. 打開 chrome 中的應用程式商店（使用 chrome 瀏覽器點擊下方鏈接即可）
    chrome 應用程式商店
  2. 在搜索框中輸入 NetNeans Connector 后搜索，然後點擊右邊的加到 Chrome 即可，安裝成功后右上角會顯示 NetBeans 圖標。
  3. 開啟 netbeans 選擇 Run→Set Project Browser→ 選中 Chrome with NetBeans Connector
  4. 選擇 default 下的 Customize → 選擇 Browser → 選擇 Browser 下 Chrome with NetBeans Connector 即可

]]>Web 开发规则，代码规范https://lruihao.cn/posts/dev-rules/Thu, 15 Aug 2019 18:30:31 +0000Lruihaohttps://lruihao.cn/posts/dev-rules/精神
  • 绝不写死代码，硬编码
  • 不留不要用的、垃圾代码

Git

  • Master 的 BUG 必须最少且趋近于零，为最稳定的版本
  • 每次 Commit 信息应该准确填写。不可模棱两可，eg: 修复 BUG、增加功能
  • 禁止 Commit IDE 的 project data，e.g: .vscode
  • 禁止上传垃圾代码

更多规则详见文档 Commit 规范

分支（Branch）

  • 命名规则：应以此分支主要目的命名（修复什么 BUG，新增特定功能）
  • 合并后的分支应该删除

commit

  • 遵循一个功能一个 commit 的原则

Restful

  • 资源名词站在 API 的角度思考

    • 复数名词：可以复数笔数据，回传结果为 Array

      举例：GET/users 取得多笔使用者资料

      • 刪除，放在复数名词內，让 Router 保持一致性
      • 增加，放在复数名詞內，让 Router 保持一致性

    • 单数名词：仅取得单笔数据，必须指定 PK，两两一组，回传结果为 Object 举例：GET/user/{accont} 取得单笔使用者资料，必须指定 PK

  • URL 中一律不带 id 参数

1
2

正确范例： calendar_manager/calendar/29
错误范例： calendar_manager/calendar/29?id=29

更多规则详见文档 RESTful

命名

  • 命名应根据内容做有意义的命名，让后续维护人员可以顾名思义！
  • 即使不会发生错误，代码英文大小写也需明确区分。

语意

类型 命名规则 说明
属性 (Attribute, Property) 名词 user_name、userName
方法 (Method, Function) 动词 + 名词 getUserName、get_user_name 常見的动词有：get、set、update、delete、remove

字母与分隔

语言 变量 (Variable, Parameter, Argument) 常量 (Constant) 面向对象 - 类名 (Class Name) 面向对象 - 成员 (mebmer)
HTML 全部小写，不同单词以「-」分隔
e.g: user-id
CSS、SCSS 全部小写，不同单词以「-」分隔，CSS 变量以「–」开头，SCSS 变量以「$」开头
e.g: .user-id、–header-height、$header-height
JavaScript 驼峰式命名法
首字小写，不同单字「首字以大写」分隔
e.g: userId		 全部大写，不同单字以「_」分隔 MAX_COUNT 驼峰式命名法
首字大写，不同单字「首字以大写」分隔
一个文件放一个 Class, 文件名即为 Class Name
e.g: User		 驼峰式命名法
公有 (public) : 首字小写，不同单词「首字以大写」分隔
e.g: name, getName
私有 (private): _公有命名规则
e.g: _name,_getName
Vue
Java
PHP 全部小写，不同单词以「_」分隔
e.g: user_id
Python
SQL 由使用者定义的：表名、字段名
全部小写，不同单词以「_」分隔		 SQL 语法、函数全部大写
e.g: SELECT、INSERT INTO

通用

  • 代码编写
  • 每个函数应该使用块注释，注释应包含函数功能说明、参数说明。规则见：JSDoc、JavaDoc
  • 不必要的代码不要写，也应禁止放到注释里面！
  • if-else 的 {} 严禁省略
  • 代码规范、代码排版等可通过 eslint 等工具做统一处理

正确写法

1
2
3
4
5
6

public function test () {
  // do something
  if (a === b) {
    // do something
  }
}

错误写法

1
2
3
4
5
6
7
8

public function test ()
{
  // do something
  if (a === b)
  {
    // do something
  }
}
  • 代码排版
    • 任何代码应该以 2 个 space 为一个缩进做好排版、不可使用 tab
  • 函数 (Function, Methd)
    • 函数声明时需在函数上方加上函数注释，注释应包含函数说明、参数内容（参数类型、参数英文名称、参数说明）、返回值内容（返回值类型、返回值说明）
  • 类 (Class)
    • 一个类（Class）的声明只能存在一个文件
    • 类（Class）的声明文件，文件名必须为类名
  • 其他
    • 连接本地任何其他资源（图片、文件、网站）皆使用相对路径，禁止使用绝对路径，非本地资源除外

HTML

代码编写

  • 禁止在 HTML 使用 <style>、<script>，一律使用外部档案引用方式引用 CSS、JavaScript 文件
  • HTML 标签需成双成对，有头有尾
  • 块级标签：<tag></tag>
  • 单标签：<tag />
  • 禁止使用已被 HTML 舍弃的旧标签、属性，如：
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<!-- html tag -->
<center>
<font>
<basefont>
<s>
<strike>
<u>
<listing>
<plaintext>
<xmp>
<!-- html attribute -->
align
bgcolor
color

CSS

CSS 的定义应该独立一个 CSS 文件，禁止使用 <style> 或 style 属性直接在 HTML 中定义样式。

JavaScript

禁止使用 HTML 字串，一律使用 Dom 产生 HTML, e.g: document.createDocumentFragment()

注释

JavaScript 注释应该遵循 JSDoc 的标准撰写

全局变量 (Global)

1

/* global ZT */

常量 (Constant)

1
2
3
4

/**
 * 常量說明
 * @type {常量类型}
 */

Example

1
2
3
4
5

/**
 * 请求地址
 * @type {String}
 */
const REQUEST_URL = 'http://localhost:8080';

函數、方法 (Function, Method)

1
2
3
4
5
6
7

/**
 * 函数用途说明
 * @param {参数类型} 参数名称参数说明
 * @param {参数类型} [选择性参数名称] 参数说明
 * @param {参数类型} [选择性参数名称=参数预设值] 参数说明
 * @returns {返回值类型} 返回值说明
 */

Example

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

/**
 * 取得使用者
 * @param {Int} userId 使用者 ID
 * @param {Object} [options] 其他选项
 * @param {String} [options.query='a'] 查询关键词 默认为 'a'
 * @returns {Object} 使用者资料
 */
function getUser(userId, options) {
  // do something
  return user;
}

Vue

  • 待补充

Java

Java 注释应该遵循 JavaDoc 的标准撰写

  • 待补充

PHP

前端参数取得

参数取得需通过 filter_input 函数取得，不得使用 _GET 、_POST

输出到前台

参数命名必须为：全部小写，不同单字以「_」分隔

注解

PHP 注解应该遵循 PHPDoc 的标准撰写

成员变量 (Member)

成员变量只的是 Class 内的成员变数，我们都会要求替成员变量增加注解说明。通常 Function 的变量除非太特别否则都不需要特别注解说明。

1
2
3
4

/**
 * 成员变量說明
 * @type {类型}
 */

Example

1
2
3
4
5

/**
 * 使用者 ID
 * @type {String}
 */
$userId = 'Hello';

函数、方法 (Function, Method)

1
2
3
4
5
6
7

/**
 * 函数用途说明
 * @param 参数型态 参数名称 参数说明
 * @option 参数选项类型 参数选项名称 参数选项说明
 * @uses 全局变量 全域变数说明
 * @returns 返回值类型 返回值说明
 */

Example

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

/**
 * 取得使用者
 * @param int userId 使用者 ID
 * @param object options 其他选项
 * @option string options['query'] 查询关键字
 * @uses $_POST['role_id'] 从前端以 POST 取得角色 ID
 * @returns object 使用者资料
 */
function getUser ($userId, $options) {
  // do something
  return $user;
};

Python

  • 待补充

Database

  • 禁止使用 Table Join。
  • 禁止使用 Oracle Trigger。
  • 禁止将查询数据库的 SQL 放在循环中查询

SQL 撰写

  • 属于 SQL 语法使用大写（SELECT，WHERE，INSERT etc..）
  • 属于使用者自己定义的使用小写（表名 table name，字段名 column name etc..）
  • 表名、字段名前后需加上 `

Example

1

INSERT INTO `user` VALUES('a', 'b');

统一用词

系统中常用词，例如弹出框按钮、搜索框等，仅为举例，不限与此。

用词 统一
最后、最终 最后
关闭、Cancel、取消 取消
存储、保存、修改、OK、确定 确定
搜寻、查询、查找、搜索 搜索
]]>简单评论模块--php 表单练习https://lruihao.cn/posts/phpform/Fri, 19 Jul 2019 11:38:59 +0000Lruihaohttps://lruihao.cn/posts/phpform/

简单模仿了一个评论模板，当然肯定是没有博客的 valine 这么强大的 hhhh，
PHP 表单安全性的重要提示
$_SERVER["PHP_SELF"]变量能够被黑客利用！
如果页面中使用了PHP_SELF，用户能够输入下划线然后执行跨站点脚本（XSS）。
比如说注入 js 脚本等，valine 以前的版本也有过这样的漏洞。

跨站点脚本（Cross-site scripting，XSS）是一种计算机安全漏洞类型，常见于 Web 应用程序。XSS 能够使攻击者向其他用户浏览的网页中输入客户端脚本。

可以像 valine 一样在用户输入完后保留输入，还有一些正则控制输入提示等简单功能。UI 就丑爆了算了。

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106

<!DOCTYPE HTML>
<html>
<head>
<style>
.error {color: #FF0000;}
.main{
   width: 20%;
   height: 100%;
   border: 1px #000 solid;
   padding: 20px;
}
</style>
</head>
<body>

<?php
// 定义变量并设置为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "Name is required";
  } else {
    $name = test_input($_POST["name"]);
    // 检查名字是否包含字母和空格
    if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
      $nameErr = "Only letters and white space allowed";
    }
  }

  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } else {
    $email = test_input($_POST["email"]);
    // 检查电邮地址语法是否有效
    if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
      $emailErr = "Invalid email format";
    }
  }

  if (empty($_POST["website"])) {
    $website = "";
  } else {
    $website = test_input($_POST["website"]);
    // 检查 URL 地址语言是否有效（此正则表达式同样允许 URL 中的下划线）
    if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%
    =~_|]/i",$website)) {
      $websiteErr = "Invalid URL";
    }
  }

  if (empty($_POST["comment"])) {
    $comment = "";
  } else {
    $comment = test_input($_POST["comment"]);
  }

  if (empty($_POST["gender"])) {
    $genderErr = "Gender is required";
  } else {
    $gender = test_input($_POST["gender"]);
  }

}

function test_input($data) {
   $data = trim($data);
   $data = stripslashes($data);
   $data = htmlspecialchars($data);
   return $data;
}
?>
<div class="main">
   <h2>PHP 验证实例</h2>
   <form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>">
      姓名：<input type="text" name="name" value="<?php echo $name;?>">
      <span class="error">* <?php echo $nameErr;?></span>
      <br><br>
      性别：
      <input type="radio" name="gender" <?php if (isset($gender) && $gender=="女性") echo "checked";?> value="女性">女性
      <input type="radio" name="gender" <?php if (isset($gender) && $gender=="男性") echo "checked";?> value="男性">男性
      <span class="error">* <?php echo $genderErr;?></span>
      <br><br>
      电邮：<input type="text" name="email" value="<?php echo $email;?>">
      <span class="error">* <?php echo $emailErr;?></span>
      <br><br>
      网址：<input type="text" name="website" value="<?php echo $website;?>">
      <span class="error"><?php echo $websiteErr;?></span>
      <br><br>
      评论：<textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>
      <br><br>
      <input type="submit" name="submit" value="提交">
      <h2>你的输入是：</h2>
      <?php
         echo $name."<br/>";
         echo $gender."<br/>";
         echo $email."<br/>";
         echo $website."<br/>";
         echo $comment."<br/>";
      ?>
      <br/>
   </form>
</div>
</body>
</html>

]]>php 函数学习https://lruihao.cn/posts/phpfunc/Mon, 15 Jul 2019 11:37:33 +0000Lruihaohttps://lruihao.cn/posts/phpfunc/

练习 php 函数的基本使用。
注：
必选参数在可选参数的前面。
可在函数中定义函数，需要先调用外层函数才能调用内层函数。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<?php
/*
创建表格
*/
function createTable($rows,$cols,$bgcolor='pink',$content='x'){
	$table = "<table border='1' bgcolor='{$bgcolor}' cellpadding='10' cellspacing='0' width='50%' >";
	for($i=1;$i<=$rows;$i++){
		$table.="<tr>";
		for($j=1;$j<=$cols;$j++){
			$table.="<td>{$content}</td>";
		}
		$table .="</tr>";
	}
	$table.="</table>";
	return $table;
}
echo createTable(5,5,'pink','hello lruihao');
?>

]]>WAMPServer 自定义网站根目录等设置https://lruihao.cn/posts/wamproot/Fri, 12 Jul 2019 18:44:36 +0000Lruihaohttps://lruihao.cn/posts/wamproot/

使用 WAMPServer 时自定义网站根目录。

WAMPServer 自定义网站根目录

修改 apache 配置文件

打开httpd.conf文件搜索documentroot后，找到路径修改为自定义的。

再打开httpd-vhost.conf文件修改对应的路径。
修改完配置文件需要重启所有服务！

修改 wampmanager 文件

在 wampserver 安装路径根目录知道wampmanager.ini和wampmanager.tpl两个文件。搜索menu.left, 然后也修改为自定义的路径。 然后退出，重启软件！


编写 php 文件测试

1
2
3

<?php
	echo "hello world";
?>

WAMPServer 多站点配置

打开httpd-vhost.conf文件，复制原有的几行配置文件，粘贴修改路径和域名等配置。比如

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

## Virtual Hosts
#
<VirtualHost *:80>
  ServerName localhost
  ServerAlias localhost
  DocumentRoot "g:/Demo"
  <Directory "g:/Demo">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
  </Directory>
</VirtualHost>

<VirtualHost *:80>
  ServerName test01.com
  DocumentRoot "g:/Demo/test01"
</VirtualHost>

<VirtualHost *:80>
  ServerName test02.com
  DocumentRoot "g:/Demo/test02"
</VirtualHost>

再打开C:\Windows\System32\drivers\etc\hosts文件，在文件最后添加类似于云服务器的域名解析，进行本地域名解析，当输入域名时优先从本地申请资源。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

...

## For example:
#
## 102.54.94.97 rhino.acme.com ## source server
## 38.25.63.10 x.acme.com ## x client host
## localhost name resolution is handled within DNS itself.
#	127.0.0.1 localhost
#	::1 localhost
127.0.0.1 steamcommunity.com
192.168.28.1 windows10.microdone.cn
127.0.0.1 localhost
::1 localhost
127.0.0.1 test01.com
127.0.0.1 test02.com

WAMPServer 自拟定端口

WAMP 服务我安装了好几次，每次因为修改配置文件搞崩了。第一次装的时候发现 80 端口被占用了，因为以前玩了一下 Windows 的 IIS，暂停 IIS 的网站，再使用命令或者直接在控制面板关掉就好了。

  1. 如果不使用 80 多为默认端口，比如修改为 8080，还是在httpd.conf文件里修改。搜索80都改成8080然后，Ctrl+S 保存，重新启动 WampServer
    在浏览器地址栏输入localhost:8000
1
2
3
4

#监听端口
Listen 0.0.0.0:8080
Listen [::0]:8080
ServerName localhost:8080
  1. 使用 Notepad++打开 C:\wamp 目录下的 wampmanager.ini 和 wampmanager.tpl
    Ctrl+F 查找 localhost
    将其全部替换为localhost:8000
    然后，Ctrl+S 保存，重新启动 WampServer
]]>宅音乐播放器https://lruihao.cn/posts/player/Tue, 19 Mar 2019 23:32:56 +0000Lruihaohttps://lruihao.cn/posts/player/

宅音乐播放器，HTML5 网页播放器，集成后台管理及 API 调用，目前正在开发中，敬请关注~
原项目 由 IT 技术宅 开源，使用 thinkPHP 开发后台。 fork 地址 是我个人学习模仿的库，也是相当于备份源码。
注： 插件修改于明月浩空免费版，仅用于学习交流，无商业价值，如发现商业传播，将禁止软件的免费使用。

技术栈

  • 后端：thinkphp 5.1
  • 前端：layui
  • 数据库：mysql

演示站

已兼容移动端，测试账号仅供测试请勿修改密码！

1
2

test
test123

安装

视频安装教程

https://www.bilibili.com/video/av46476706

依赖

  • composer
  • php 5.6+
  • mysql 5.5+

步骤

安装 php 依赖包

1

composer install

配置数据库，配置链接数据库名以及用户名密码

1

/config/database.php

创建数据库

1
2

字符编码：utf8 -- UTF-8 Unicode
导入数据库脚本，脚本位置 extend/database

伪静态配置

nginx

1
2
3
4
5
6
7
8

  location / {
      index  index.htm index.html index.php;
      #访问路径的文件不存在则重写 URL 转交给 ThinkPHP 处理
      if (!-e $request_filename) {
         rewrite  ^/(.*)$  /index.php?s=$1  last;
         break;
      }
  }

apache

项目自带 apache 静态化无需配置

启动项目

  • 添加 public 为 web 根目录
  • 若为 apache 服务器则默认伪静态，nginx 可自行配置伪静态

预览

首页

登陆页面

后台首页

后台播放器管理页面

后台歌单管理页面

]]>