[笔记]qduoj 前端 二次开发总结-1

前言

接了学校一个SRP项目,所以最近一个月都开始搞这个OJ的前端开发,现在分享一些这个OJ部署的一些坑点,帮助大家避坑,也Mark下给自己做笔记用.

启动前端组件

git clone https://github.com/QingdaoU/OnlineJudgeFE.git
npm install
npm run build:dll

配置Config/index.js
第一个target是后端的地址

npm run dev

FE即可成功编译

引入Component

  • 创建Conponent VUE文件
  • 配置route/route.js
  • 配置views/index.js
  • 参考iview语法设置导航栏入口
  • 修改i18n的双语文件即可

    通过上述步骤即可将自己的组件引入到FE之中

关于OJFE使用的CSS坑点

QDUOJ这个平台实际上时使用了两种UI框架
1. iView
2. ElementUI
其中iView是作为UI组件库使用,所以一开始Coding的时候会发现前端的语法与ElementUI对不上.而ElementUI的实际作用仅仅是给OJ提供了动画效果,所以为了让自己的组件也有弹出的效果,我们要使用Panel组件使得自定义的组件具有相同的弹出动画效果.
如果需要自定义动画效果的话,则需要我们自身使用transition标签来创建动画效果

结语

现在其实开刚刚起步,大致把前端摸了一下(后端也会摸,但我不是主要负责这块的),后续应该还有坑点.到时候也会分享出来给大家看的.
小声BB,QDU的文档真的不咋地.(可能是我菜才看不懂吧,若有冒犯请见谅:joy:)

[笔记]如何配置Apache+Laravel环境

前言:

由于开发需要,现在的后端统一使用Laravel5.5进行开发,遂整理了一些配置笔记,方便以后配置环境以及减少配置时间.

安装方法:

Laravel配置

1.切换到网站根目录

cd d:\WWW

2.使用composer安装laravel项目

[此处有个注意点,这个代码最后的foldername是指你的项目文件夹名称,如果不改的话,回车之后,composer就会在执行命令时所处的目录下新建”foldername”文件夹作为项目文件夹]

composer create-project  --prefer-dist  laravel/laravel=5.5.*  foldername

Apache配置

1.配置Apache的Httpd.conf文件,对目标端口进行监听

对80和8080端口进行监听

2.配置Httpd.conf文件,启用httpd-vhosts.conf

启用配置文件

3.配置httpd-vhosts.conf文件,对Laravel程序入口(public/)文件夹进行绑定.

对laravel入口文件夹进行绑定[若需要使用80端口做别的开发,务必调回根目录]

结尾:

初次使用Laravel是会有一些迷糊,但只要用熟了,就会使用的很快的了.

 

[笔记][laravel]模型Model的使用v1.0

怎么新建Model:

在App文件夹内新建.php文件即可。(命名方式:首字母大写,如Member.php),如图所示:

怎么使用Model:

如以下代码:

namespace App\Http\Controllers;

use App\Member;//使用App/Member这个命名空间

class MemberController extends Controller{
    public function info(){
        return Member::getMember();
    }
}

即可调用Member这个model,并调用model下的getMember这个函数

[笔记][laravel]视图的使用v1.0

怎样新建视图:

在resource/views下新建php文件即可。

模板文件类型:

  • .php文件
  • .blade.php文件

二者皆可在稍后的使用中被输出,但为了遵循项目开发的统一性,统一使用视图名字.blade.php(命名规则遵循驼峰式命名,如:ViewName)。

在该文件夹(views)下,也可以新建文件夹,并将视图文件放入其中进行归类。


怎样输出视图:

打开位于App/Http/Controller/下的控制器文件。

MemberCotroller.php

class MemberController extends Controller {
return view('info');
}

使用view()函数即可输出视图,使用函数后,view函数将会自动搜索该名字的(.php|.blade.php)文件

return view('member/info');

如果模板文件被放进了文件夹中,就给路径添加文件夹路径即可

如何给视图传入参数:

在view的第二参数中即可传入参数,第二参数是array
MemberController.php

return view('info',['name'=>'7gugu','age'=>'18']);

info.blade.php

<h1>Hello World</h1>
<p>Name:{{$name}}</p>
<p>Age:{{$age}}</p>

视图模板中使用”{{$变量名}}”接收来自Controller的变量