前后端mvc经验 - webrebuild 2011 session

前后端MVC经验

rank work @ youa WED teamhttp://t.sina.com/rank

传统前端与大前端的一些开发经历Enhance front end

11年11月15日星期二

http://www.never-online.net/blog

http://www.never-online.net/blog

We tell browsers what to do.

前端开发工程师



• 前端领域• 做开发工作• 工程师职位



• 前端领域• 做开发工作• 工程师职位

��


��

前端

HTML

CSS

Javascript

传统前端


��

后端

php

C/C++

数据库

传统后端


��

frontend

backend

smarty

前后端联调开发


��变量接口

• 后端开发关注业务及数据• 前端开发关注展示及体验

前端

后端


MVC

Browser

View

Controller Model

http请求

http响应

数据

数据请求

数据返回

模板


如果前端控制C,V层


工作职责变化

��数据接口

前端

后端


final class YourActionController extends BaseActionController {

public function index() {

$modal = $this->load(‘yourModel.php’);

$data = $modal->getData();

$this->setView(‘test/index.tpl’, $data);

}

}


大前端

• 开发View和Controller

• 前端也是开发者• 更大的学习工作空间


前端可以

•开发手机版网页，无需后端开发•big pipe可以自己写，无需后端开发•有兴趣的话你可以自己写mobile app

•好像开发Controller也不难


看似很美好美好是相对的。


开发方式的变化

• 原来的数据变量依赖变成数据接口依赖；• 接口人由原来的1个变成多个；

• 开发工作量增大，虽然Controller容易写，但也需要时间。


��

��前端

后端

后端

后端

苦逼的前端


•后端开发既关注业务逻辑又关注数据•前端开发既关注展示体验又关注业务•线上出现问题通常需要前后端一起查找•Controller层的代码质量控制•Model层与controller层代码冗余

种种不美好


��

<?php

YourActionController extends BaseActionController {

public function register() {

$model = $this->load(‘account.model’);

$username = $this->request(‘username’);

$password = $this->request(‘password’);

$model->register($username, $password);

}

}

示例一


<?phpYourActionController extends BaseActionController {

public function register() {$model = $this->load(‘account.model’);$emailType = 1;$mobileType = 2;$type = $this->request(‘usertype’);if ($type==$emailType) {

$model->register($username, $password, $type); }

}}

示例二

<?phpYourModel extends BaseModel {

const EMAIL_TYPE = 1;const MOBILE_TYPE = 2;public function register($username, $password, $type) {}

}

��

��


找到合适的人HTML Javascript

CSSPHP

Smarty

MVC framework log


大前端来得不是时候？


什么时候合适

• 成熟公司。成熟公司前端开发V,C，能给前端更大的空间，但系统庞大之后，也会面临再分工的问题。

• 万金油。不是所有的公司都是前后数据库一起，现在都倡导分工细化，让合适的人做合适的事。


类似项目联调周期是否变化？


不管怎么样做别忘了前端的本职工作



前端开发工程师的价值

• 前端

• 开发

• 工程师

可用性，用户体验，速度

程序优雅，维护成本低

能协调，主动性


thanks


Education

前后端mvc经验 - webrebuild 2011 session