VUEブログの開発

このブログの用途Node.jsのモデル開発の（adonis.js）+ vue.js。

A、adonis.js機能

すべての種類の、モジュール1を呼び出します

、後で使用するときの容器から直接取られ、通常の使用とは異なり、呼び出しを必要としますが、サイトのコアにバインド

あなたは一度設定するために必要なすべてのもの、後者は直接出てより便利なので、しかし、キャッシュをインスタンス化する必要はありません。

2.データベースは明快モデルを持っています

それは、一から一、一対多のファーストクラス協会アクティブなレコードです。ルートは、ルーティンググループの一部、並びに他の操作CRUD、ログインを持っている、認可機能を含みます。

3、そこにバリ

youshi何度もデータを検証する必要がありますが、様々な方法が開発プロセスの別の後に行くことになっているのNode.jsを使って他の機能を使用しています。アドニスルールとフィールドを定義することです

以下に定義される検証ルールの数は、前者よりも便利です。

4、パスワードのサポート

時には、次のような便利な機能の数にアドニスに、パスワードハッシュを設定する必要があります。

* const Hash = use('Hash')j

 const safePassword = await Hash.make(request.input('password'))

暗号化後のパスワードにパスワードを入力します。

 

*確認（値、HASHEDVALUE）

const Hash = use('Hash') const isSame = await Hash.verify('plain-value', 'hashed-value') if (isSame) { // ... }
验证加密之后密码和加密支持密码是否匹配

5、关于多语言
可以创建一些语言的文件，可以创建一些语言的文件，可以是文件型或数据库型然后在里面写一些键值对如：


{ "greeting": "Hello {name}" }Antl.formatMessage('messages.greeting', { name: 'virk' })在需要的时候访问message，可格式化文字及日期、数量等

6、命令行工具

Ace commands


可使用 adonis make:command Quote 创建一些命令

详情也可访问https://adonisjs.com/docs/4.1/installation


二、环境配置
1、安装
npm i -g @adonisjs/cli 
adonis new yardstick 
cd yardstick adonis 
serve --dev
2、要获取可用命令的列表，可以运行这些命令来创建控制器、模型等：
adonis --help
3、帮助
githubの上のエラーを報告してください。
フォーラムでの問題や共有のアイデアを話し合います。
Twitter上で更新滞在。
三、アドニスフォルダ構造

1、app文件夹
存放网站的内容，所写代码一般都在app文件夹，里面有Models文件夹和Middleware文件夹。
2、config文件夹
是配置文件夹，有关网站的所有配置，有数据库配置，授权配置等，
3、database文件夹
关于数据库的初始化以及迁移数据库，主要用于关系数据库，创建表等都需要通过迁移来保证所有开发同服务器是同步的。
4、node_modules文件夹
所有node项目都需要把所有包安装在里面
5、stat文件夹
启动文件，如app.js是整个应用的一个核心启动文件，kernel.js大部分都是定义中间件，routes.js定义的·所有路由都在里面
6、env文件
是个环境变量文件，每个开发器环境都是不一样的，密码放于该文件夹可以保证密码不会外泄
7、serve文件
整个服务端都是以serve为入口，本地启动使用dev启动，正式启动采用serve.js来启动

四、adonis路由控制器
1、通过adonis make:conroller site创建一个controller
可以处理网站常见的路由
在roiutes.js 中Route.get('/','SiteController.index')前面为类名后面为方法
之后在SiteController.js写index方法

　　クラスSiteController {
　　　　インデックス（）{
　　　　　　リターン{
　　　　　　　　名： 'ホーム'
　　　　　　}
　　　　}
　　}

戻り値は、HTML、配列、文​​字列、オブジェクト、などJSONを返されることがあります

第五に、データベースから転送されたデータ

1、使用 adonis make:model post 创建post模式

通过adonis make:conroller post 创建post路由

在PostController.js中通过const Post = use('App/Models/Post')指定路径

在调用index()函数前使用async变为异步函数，使用 return await Post.all()调出帖子所有内容

await Post.create（{

　　TITEL：「私の最初のブログ」

}）

非同期ショー（{paramsは}）{

　　reuturnは（params.id）Post.findを待ちます

　　}

）

 

第六に、ビューの確立

1、在命令行输入 adonis make:view posts.index 创建psots视图

2、在resources/views/posts/index.edge 输入内容

 

<h1>我的博客</h1>

 

<ul>
@each(post in posts)
<li>{{post.title}}</li>
@endeach
</ul>

3、在PostController.js中查看视图

 

 

async index({ reques,view }){
const posts = await Post.all()
return view.render('posts.index',{
posts:posts.toJSON()
})
}