V 语言 web 开发框架: Valval

虽然 V 语言是一门很新的语言,还不怎么成熟。但却十分适合用于 web 开发,不仅官方的标准库中提供了 vweb 以及 orm 的支持,不少开发者也都推出了各自的 web 开发框架。

这里介绍一个国人开发的框架 Valval,官网地址: https://valval.cool,应该是目前众多框架(包括官方标准库 vweb)中最成熟,功能最全的一个了。

安装

先安装 V 语言,可以直接 clone 源码安装:

$ git clone https://github.com/vlang/v && cd v && make
$ sudo apt install libssl-dev openssl ca-certificates

也可以更方便的直接使用 docker 运行 V 语言环境:

$ docker run -it -p 8012:8012 --name vlang taojy123/vlang bash

再安装 Valval

$ git clone https://github.com/toajy123/valval
$ ln -s $(pwd)/valval ~/.vmodules/valval 

简单示例

V 语言代码 demo.v

import valval

fn hello(req valval.Request) valval.Response {
    return valval.response_ok('hello world')
}

fn main() {
    mut app := valval.new_app(true)
    app.register('/', hello)
    valval.runserver(app, 8012)
}

运行服务

$ v run demo.v
ValvalApp running on http://0.0.0.0:8012 ...
working in: /root/valval_website
OS: linux, Debug: 1
Version: 0.1.0

模板渲染示例

V 语言代码 server.v

import (
    valval
    json
)

struct User {
    name string
    age int
    sex bool
}

fn users(req valval.Request) valval.Response {

    // create a view by template file (`test6.html` can be a relative or absolute path)
    // use `element` (https://github.com/ElemeFE/element) as ui framework
    mut view := valval.new_view(req, 'users.html', 'element') or {
        return valval.response_bad(err)
    }

    users := [
        User{'Lucy', 13, false},
        User{'Lily', 13, false},
        User{'Jim', 12, true},
    ]
    msg := 'This is a page of three user'

    // use view.set to bind data for rendering template
    // the second parameter must be a json string
    view.set('users', json.encode(users))
    view.set('msg', json.encode(msg))

    return valval.response_view(view)
}

模板文件 users.html

<html>
    <head>
        <title>Users Page</title>
    </head>
    <body>
        <!-- Content in body can use template syntax -->
        <h3></h3>
        <p v-for="u in users">
            <span></span> ,
            <span></span> ,
            <el-tag v-if="u.sex">Male</el-tag>
            <el-tag v-else>Female</el-tag>
        </p>
    </body>
</html>

其他功能示例

可访问官方文档 https://taojy123.github.io/valval/ 查看其他详细的示例代码和功能描述。

本人即是 Valval 的开发者,如果在使用过程中遇到问题或提出建议,可在 github 仓库中提交 issue。地址为: https://github.com/taojy123/valval , 欢迎各位指教和拍砖 😄

推荐阅读更多精彩内容