mirror of
https://github.com/actix/actix-website
synced 2025-06-29 08:14:58 +02:00
clean code add new cn site
This commit is contained in:
krircc
@ -1,63 +0,0 @@
|
||||
{{ partial "header" . }}
|
||||
{{ $currentURL := .URL }}
|
||||
|
||||
<div class="actix-pageheader">
|
||||
<div class="container">
|
||||
<h1 id="blog-title" class="display-4">{{ .Title }}</h1>
|
||||
{{ if .Description }}
|
||||
<p class="lead">{{ .Description }}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container actix-blog">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
|
||||
<button class="btn doctoggle" type="button" data-toggle="collapse" data-target="#collapsing-docnav" aria-expanded="false" aria-controls="collapsing-docnav">
|
||||
Toggle navigation
|
||||
</button>
|
||||
|
||||
<nav class="leftnav collapse show" id="collapsing-docnav">
|
||||
<div class="" id="">
|
||||
<details>
|
||||
<summary>Introduction</summary>
|
||||
<div>
|
||||
<ul class="nav">
|
||||
{{ range .Site.Menus.blog_intro }}
|
||||
<li{{ if eq $currentURL .URL }} class="active"{{ end }}>
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
<details>
|
||||
<summary>2018</summary>
|
||||
<div>
|
||||
<ul class="nav">
|
||||
{{ range .Site.Menus.blog_2018 }}
|
||||
<li{{ if eq $currentURL .URL }} class="active"{{ end }}>
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="actix-content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
<!-- Yes, we have to use *Prev* to get the next content, because the
|
||||
weights are sorted inversely to how they are actually displayed... -->
|
||||
{{ with .PrevInSection }}<div class="actix-next"><b>Next up</b>: <a href = {{ .URL }}>{{ end }}
|
||||
{{ with .PrevInSection }} {{ .Title }}</a></div>{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "footer" . }}
|
||||
@ -1,3 +0,0 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
@ -1,3 +0,0 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
@ -1,149 +0,0 @@
|
||||
{{ partial "header" . }}
|
||||
|
||||
<div id="act-home">
|
||||
<div class="jumbotron">
|
||||
<div class="actix-jumbotron">
|
||||
<img src="/img/logo-large.png" class="align-middle actix-logo" alt="">
|
||||
<p class="lead">Rust强大的actor系统和有趣的web框架</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container actix-home">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="actix-features">
|
||||
<h2>
|
||||
<i class="fa fa-fw fa-shield" aria-hidden="true"></i>
|
||||
类型安全
|
||||
</h2>
|
||||
<p>忘记关于字符串类型的对象，从请求到响应，一切都有类型，异步。</p>
|
||||
|
||||
<h2>
|
||||
<i class="fa fa-fw fa-battery-full" aria-hidden="true"></i>
|
||||
特性丰富
|
||||
</h2>
|
||||
<p>Actix提供了丰富的特性开箱即用。WebSockets，HTTP/2，流，管道，SSL，异步HTTTP客户端等一应俱全.</p>
|
||||
|
||||
<h2>
|
||||
<i class="fa fa-fw fa-puzzle-piece" aria-hidden="true"></i>
|
||||
扩展性强
|
||||
</h2>
|
||||
<p>轻松创建任何基于Actix应用的自己的特色库。</p>
|
||||
|
||||
<h2>
|
||||
<i class="fa fa-fw fa-dashboard" aria-hidden="true"></i>
|
||||
速度极快
|
||||
</h2>
|
||||
<p>Actix 具有顶级的速度. <a href="https://www.techempower.com/benchmarks/#section=data-r16&hw=ph&test=plaintext">Check yourself</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="actix-content">
|
||||
{{ highlight `extern crate actix_web;
|
||||
use actix_web::{http::Method, server, App, Path, Responder};
|
||||
|
||||
fn index(info: Path<(u32, String)>) -> impl Responder {
|
||||
format!("Hello {}! id:{}", info.1, info.0)
|
||||
}
|
||||
|
||||
fn main() {
|
||||
server::new(
|
||||
|| App::new()
|
||||
.route("/{id}/{name}/index.html", Method::GET, index))
|
||||
.bind("127.0.0.1:8080").unwrap()
|
||||
.run();
|
||||
}` "rust" "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="actix-showcase">
|
||||
<div class="col-md-9">
|
||||
<div class="actix-feature" id="responders">
|
||||
<h2>灵活的请求响应</h2>
|
||||
<p>
|
||||
Actix中的Handler函数可以返回实现该<code>Respondert</code> rait的各种对象。这使得从API返回一致的响应变得轻而易举。
|
||||
</p>
|
||||
{{ highlight `#[derive(Serialize)]
|
||||
struct Measurement {
|
||||
temperature: f32,
|
||||
}
|
||||
|
||||
fn hello_world() -> impl Responder {
|
||||
"Hello World!"
|
||||
}
|
||||
|
||||
fn current_temperature(_req: HttpRequest) -> impl Responder {
|
||||
Json(Measurement { temperature: 42.3 })
|
||||
}` "rust" "" }}
|
||||
</div>
|
||||
<div class="actix-feature" id="extractors">
|
||||
<h2>强大的Extractors</h2>
|
||||
<p>
|
||||
Actix提供了一个强大的提取器系统，可以从传入的HTTP请求中提取数据并将其传递给您的视图函数。这不仅可以创建方便的API，
|
||||
而且还意味着您的视图函数可以是同步代码，并且仍然可以受益于异步IO处理。
|
||||
</p>
|
||||
{{ highlight `#[derive(Deserialize)]
|
||||
struct Event {
|
||||
timestamp: f64,
|
||||
kind: String,
|
||||
tags: Vec<String>,
|
||||
}
|
||||
|
||||
fn capture_event(evt: Json<Event>) -> impl Responder {
|
||||
let id = store_event_in_db(evt.timestamp, evt.kind, evt.tags);
|
||||
format!("got event {}", id)
|
||||
}` "rust" "" }}
|
||||
</div>
|
||||
<div class="actix-feature" id="forms">
|
||||
<h2>轻松处理表单</h2>
|
||||
<p>
|
||||
处理multipart/ urlencoded表单数据很容易。只需定义一个可以反序列化的结构，actix就可以处理剩下的部分。
|
||||
</p>
|
||||
{{ highlight `#[derive(Deserialize)]
|
||||
struct Register {
|
||||
username: String,
|
||||
country: String,
|
||||
}
|
||||
|
||||
fn register(data: Form<Register>) -> impl Responder {
|
||||
format!("Hello {} from {}!", data.username, data.country)
|
||||
}` "rust" "" }}
|
||||
</div>
|
||||
<div class="actix-feature" id="routing">
|
||||
<h2>请求路由</h2>
|
||||
<p>
|
||||
一个actix应用程序带有一个URL路由系统，可以让你在URL上匹配并调用单个处理程序。为了获得额外的灵活性，可以使用域。
|
||||
</p>
|
||||
{{ highlight `fn index(req: HttpRequest) -> impl Responder {
|
||||
"Hello from the index page"
|
||||
}
|
||||
|
||||
fn hello(path: Path<String>) -> impl Responder {
|
||||
format!("Hello {}!", *path)
|
||||
}
|
||||
|
||||
fn main() {
|
||||
App::new()
|
||||
.resource("/", |r| r.method(Method::Get).with(index))
|
||||
.resource("/hello/{name}", |r| r.method(Method::Get).with(hello))
|
||||
.finish();
|
||||
}` "rust" "" }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 actix-feature-selectors">
|
||||
<ul class="act-menu">
|
||||
<li class="actix-feature-selector"><a href="#responders">灵活的请求响应</a></li>
|
||||
<li class="actix-feature-selector"><a href="#extractors">强大的Extractors</a></li>
|
||||
<li class="actix-feature-selector"><a href="#forms">轻松处理表单</a></li>
|
||||
<li class="actix-feature-selector"><a href="#routing">请求路由</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{ partial "footer" . }}
|
||||
@ -13,7 +13,7 @@
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha384-XTs3FgkjiBgo8qjEjBk0tGmf3wPrWtA6coPfQDfFEY8AnYJwjalXCiosYRBIBZX8" crossorigin="anonymous"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
<script src="/js/actix.js" async></script>
|
||||
<script src="/js/actix.js"></script>
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
@ -36,9 +36,6 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ "/docs/" | absLangURL }}">{{ T "docs" }}</a>
|
||||
</li>
|
||||
<li class="nav-item" id="nav-blog">
|
||||
<a class="nav-link" href="{{ "/blog/" | absLangURL }}">{{ T "blog" }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ "/community/" | absLangURL }}">{{ T "community" }}</a>
|
||||
</li>
|
||||
@ -51,6 +48,7 @@
|
||||
{{ range $.Site.Home.AllTranslations }}
|
||||
<li class="submenu-item"><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
|
||||
{{ end }}
|
||||
<li ><a href="https://actix-cn.github.io/">中文</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user