Symfony2框架创建项目与模板设置实例详解，symfony2框架
Symfony2框架创建项目与模板设置实例详解，symfony2框架
本文实例讲述了Symfony2框架创建项目与模板设置的方法。分享给大家供大家参考，具体如下：
环境准备与概览
习惯于在windows使用netbean编辑器并使用virtualbox虚拟centos系统， 预将nginx+php-fpm+mysql, 当然apache也是不错的选择， 使用http://symfony在windows与centos上作为开发域名。
一、下载与环境设置
1. 如何于centos上面建立开发环境不再详述， 当然也可以在windows上面建立开发环境。
2. 关于使用 symfony代替127.0.0.1 在liunx系统中修改/etc/hosts文件, win7系统中修改 C:\Windows\System32\drivers\etc\host 文件（需要用管理员权限打开）
加入类似于IP 别名1 别名2的内容即可， 如：
复制代码 代码如下:# /etc/hosts 127.0.0.1 symblog dev symfony
3.手动下载symfony2, 也可以参照这个页面用Composer 进行安装。http://symfony.com/doc/current/book/installation.html
唯一需要注意的是： app/cache 和app/logs目录需要设置成777权限。windows的开发环境应该不存在这个问题。
4. 修改apache 或者nginx配置文件symfony域名指向下载的symfony文件的web目录。
此时应该可以通过 http://symfony/app_dev.php 访问到symfony的默认页面， 有几个demo可以参照学习。
app_dev.php 默认加载了一个开发工具条在下面， 显示了当前页面的一些信息， 极大地方便了程序的调试， 只有当环境变量为dev时才会显示。
5. 使用composer安装时， 会提示输出mysql等相关信息， 需要修改这些信息， 或者是直接下载的文件， 可以进入页面的“Configure” 进行相关设置。
Bundles(也许可以称之为包， 束， 程序集，或者项目， 还是用英文吧）是symfony的基础东东， 一个个分享出来可重复利用的代码封装， 甚至于symfony本身是作为一个bundles运行的。 包括控制器、模块、模板， 甚至于图像与js, css样式表等资源。 很杂乱的东西， 区别不同的bundles使用了php5.3以后的命名空间, 大部分cpenal, da虚拟主机好像只有php5.2版本吧， 无法运行symfony2了。
二、创建一个Bundle
在下面的例子中将创建一个博客， Symfony 提供了大量工具来快速地创建项目。 比如我们可以用它来快速创建一个博客的基础bundle.
复制代码 代码如下:php app/console generate:bundle –namespace=Blogger/BlogBundle –format=yml
运行后直接采用所有的默认设置即可。 可以方便地创建我们所需要的基本控制器, 模块与模板等。 包含了下面的行为：
注册Bundles
在symfony中所有使用的bundles都要求先被注册， 有些bundles只会使用于开发测试环境(dev or test)， 如前文提及的开发工具条. 下面这断代码显示了bundles创建命令如何注册BloggerBlogBundle这个bundle.
// app/AppKernel.php
class AppKernel extends Kernel {
public function registerBundles() {
$bundles = array(
// ..
new Blogger\BlogBundle\BloggerBlogBundle(),
);
// .. return $bundles; } // ..
}
}
路由
作为一个框架， 路由功能被bundler创建器创建于app/config/routing.yml， symfony是用yml格式来保存配置信息。
复制代码 代码如下:
# app/config/routing.yml
BloggerBlogBundle:
resource: "@BloggerBlogBundle/Resources/config/routing.yml"
prefix: /
prefix前缀选项允许我们可以将其放置于如blog、news等子目录下。
文件
除了以上配置文件外， 其它大部分文件生成为src目录下， 如同大部分mvc框架。 在src下生成Blogger目录， 并有BlogBundle子目录存放着各种相关东东。不同的是类似于blogger的目录对应着php命名空间。
默认控制器
Bundle生成器在src下面生成了默认了控制器。 通过访问： http://symfony/app_dev.php/hello/world 可以看到简单的问候。 关于这个页面是如何生成：
路由
还是路由， 不同的是前面的路由是在整个程序里面注册使用， 这里的路由是控制具体页面使用， src/Blogger/BlogBundle/Resources/config/routing.yml 控制了BloggerBlogBundle， 包含以下程序片断：
复制代码 代码如下:
# src/Blogger/BlogBundle/Resources/config/routing.yml
BloggerBlogBundle_homepage:
pattern: /hello/{name}
defaults: { _controller: BloggerBlogBundle:Default:index }
参数： 进行url检测， 符合/hello/{name}结构的任意值将被赋予给{name}，
方式： 没有对形式进行限制， 理论可以put, get, post, delete所有的操作都可以进行。
后续： 如果符合以上两条， 那么{name}将会传导至特定文件, 以上为src/Blogger/BlogBundle/Controller/DefaultController.php文件中的default控制器的index行为将被使用。
控制器
在默认生产的bundler中， 控制器行为相当简单， {name}参数被传入并被传出到模板文件：
// src/Blogger/BlogBundle/Controller/DefaultController.php
namespace Blogger\BlogBundle\Controller;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
class DefaultController extends Controller
{
public function indexAction($name)
{
return $this->render('BloggerBlogBundle:Default:index.html.twig', array('name' => $name));
}
}
BloggerBlogBundle:Default:index.html.twig 会使用 BloggerBlogBundle views文件夹中 Default文件夹下面index.html.twig模板文件.
模板文件
打开上述模板文件， 非常简单的一句代码：
{# src/Blogger/BlogBundle/Resources/views/Default/index.html.twig #}
Hello {{ name }}!
以上就是symfony的整个mvc流程， 这么多文件的作用只是输出一个 “hello world”. 理论上不用bundler创建器， 只是手动创建上述文件也可以实现相同效果。花费的时间就多了去了。
回到正题， 我们是创建博客系统， 所以不需要 hello world,
1.移除控制器 src/Blogger/BlogBundle/Controller/DefaultController.php
2.移除模板 src/Blogger/BlogBundle/Resources/views/Default/
3.最后移除路由 src/Blogger/BlogBundle/Resources/config/routing.yml
整个世界清静了。
三、让我们开始创建博客的主页
Twig的优点
在symfony中我们可以使用 Twig和php(这不是废话嘛）作为模板。使用Twig的以下优点：
1. 快： 是编绎过的php类， 可以占用更少的资源
2. 简洁：想想看要打<?php ?>， Twig输入的内容要少很多。
3. 可继承： 非常cool的一个功能
4. 安全: 转义功能默认开启， 甚至还可以为重要代码提供沙盒功能。
5. 可扩展： 需要额外的定制功能， 可以随时扩展
更多内容， 请移步：http://twig.sensiolabs.org/
可继承是一个非常好的优点， 我们将使用三级继承结构来定制这个模板， 这将允许我们在三个不同层级修改模板， 方便自由定制。
主模板–level 1
<!– app/Resources/views/base.html.twig –>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=utf-8" />
<title>{% block title %}symfony{% endblock %} – blog</title>
<!–[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
{% block stylesheets %}
<link href='http://fonts.googleapis.com/css?family=Irish+Grover' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
<link href="{{ asset('css/screen.css') }}" type="text/css" rel="stylesheet" />
{% endblock %}
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
</head>
<body>
<section id="wrapper">
<header id="header">
<div>
{% block navigation %}
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
{% endblock %}
</div>
<hgroup>
<h2 id="block-blog-title-a-href-symfony-a-endblock">{% block blog_title %}<a href="#">symfony</a>{% endblock %}</h2>
<h3 id="block-blog-tagline-a-href-creating-a-blog-in-Symfony-a-endblock">{% block blog_tagline %}<a href="#">creating a blog in Symfony2</a>{% endblock %}</h3>
</hgroup>
</header>
<section>
{% block body %}{% endblock %}
</section>
<aside>
{% block sidebar %}{% endblock %}
</aside>
<div id="footer">
{% block footer %}
<a href="http://blog.dengruo.com/201309/1409">Symfony2 博客教程</a>
{% endblock %}
</div>
</section>
{% block javascripts %}{% endblock %}
</body>
</html>
上面代码在引入了一个js文件， 在ie9版本前的浏览器中实现html, 以及两个css文件导入google fronts.
这构成了网页的主要内容结构， 相当于drupal的html.tpl.php+page.tpl.php.
让我们看一下头部文件
复制代码 代码如下:
{% 标签中即不是html, 也不是php, 他是3个Twig标签中的一个， 用于执行某些动作。 这里可以找到完整的Twig控制动作用于这个标签。 回到当前代码， 是用于查找title的block并输出他， 如果没有则输出默认的symblo这个词。
Twig的可续承特性可以用于修改title, 我们可以在其它模板文件中重写它：
{% extends '::base.html.twig' %}
{% block title %}The blog title goes here{% endblock %}
上面代码首先继承了第一次定义这个block的文件， 然后修改它。 网站标题部分会输出 'The blog title goes here – symfony'。
一般而言， 我们引用模板文件时会采用bundle:controller:template， 但是以上代码并没有bundle 和controller, 不包含这两个字段会直接引用app/Resources/views/ 文件夹下面的文件。
在css样式表中， 我们可以发现另一个Twig标签{{， 这是一个输出（说些什么）标签。
复制代码 代码如下:
这个标签用于输出变量或者表达式， 上面例子输出了asset函数的返回值， 这个函数提供可移植的方式来返回css,js, 图片的地址。
这个标签可以以特定格式输出我们想要内容， 比如时间：
复制代码 代码如下:{{ blog.created|date("d-m-Y") }}
全部过滤列表在 Twig 文档可以查到。
最后一个标签并没有在上述代码中出现， 它是{#, 只是一个注释标签
复制代码 代码如下:{# 注释内容可以输出在这里 #}
接下来我们将创建css样式表web/css/screen.css ， 加入以下内容.
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body { line-height: 1;font-family: Arial, Helvetica, sans-serif;font-size: 12px; width: 100%; height: 100%; color: #000; font-size: 14px; }
.clear { clear: both; }
#wrapper { margin: 10px auto; width: 1000px; }
#wrapper a { text-decoration: none; color: #F48A00; }
#wrapper span.highlight { color: #F48A00; }
#header { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#header .top { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#header ul.navigation { list-style: none; text-align: right; }
#header .navigation li { display: inline }
#header .navigation li a { display: inline-block; padding: 10px 15px; border-left: 1px solid #ccc; }
#header h2 { font-family: 'Irish Grover', cursive; font-size: 92px; text-align: center; line-height: 110px; }
#header h2 a { color: #000; }
#header h3 { text-align: center; font-family: 'La Belle Aurore', cursive; font-size: 24px; margin-bottom: 20px; font-weight: normal; }
.main-col { width: 700px; display: inline-block; float: left; border-right: 1px solid #ccc; padding: 20px; margin-bottom: 20px; }
.sidebar { width: 239px; padding: 10px; display: inline-block; }
.main-col a { color: #F48A00; }
.main-col h1,
.main-col h2
{ line-height: 1.2em; font-size: 32px; margin-bottom: 10px; font-weight: normal; color: #F48A00; }
.main-col p { line-height: 1.5em; margin-bottom: 20px; }
#footer { border-top: 1px solid #ccc; clear: both; text-align: center; padding: 10px; color: #aaa; }
Bundler模板–level 2
现在我们为blog bundler 创建模板， 创建src/Blogger/BlogBundle/Resources/views/layout.html.twig 并加入：
复制代码 代码如下:
{# src/Blogger/BlogBundle/Resources/views/layout.html.twig #}
{% extends '::base.html.twig' %}
{% block sidebar %}
Sidebar content
{% endblock %}
非常简单的代码，1. 继承了一级模板， 并且为博客内容特别定制了侧边栏， 很显然我们并不想博客的布局与其它页面一样。 类似drupal7中page–content-type.tpl.php模板， 定制了某一特殊类型内容的布局。
具体页面布局–level 3
这个阶段已经涉及到创建具体页面， 所以需要先创建控制器src/Blogger/BlogBundle/Controller/PageController.php
// src/Blogger/BlogBundle/Controller/PageController.php
namespace Blogger\BlogBundle\Controller;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
class PageController extends Controller
{
public function indexAction()
{
return $this->render('BloggerBlogBundle:Page:index.html.twig');
}
}
然后创建相应的Twig文件： src/Blogger/BlogBundle/Resources/views/Page/index.html.twig
复制代码 代码如下:
{# src/Blogger/BlogBundle/Resources/views/Page/index.html.twig #}
{% extends 'BloggerBlogBundle::layout.html.twig' %}
{% block body %}
Blog homepage
{% endblock %}
创建路由将首页引导到我们刚创建的页面：src/Blogger/BlogBundle/Resources/config/routing.yml
复制代码 代码如下:
# src/Blogger/BlogBundle/Resources/config/routing.yml
BloggerBlogBundle_homepage:
pattern: /
defaults: { _controller: BloggerBlogBundle:Page:index }
requirements:
_method: GET
再次访问 http://symfony/app_dev.php可以看见简单的首页。
四、再创建一个about页面
路由：在src/Blogger/BlogBundle/Resources/config/routing.yml中加入
复制代码 代码如下:
# src/Blogger/BlogBundle/Resources/config/routing.yml
BloggerBlogBundle_about:
pattern: /about
defaults: { _controller: BloggerBlogBundle:Page:about }
requirements:
_method: GET
当以get方式访问about页时执行位于BloggerBlogBundle命名空间的page控制器about动作。
控制器： 在src/Blogger/BlogBundle/Controller/PageController.php 于page控制器中加入about动作
复制代码 代码如下:
// src/Blogger/BlogBundle/Controller/PageController.php
// ..
public function aboutAction()
{
return $this->render('BloggerBlogBundle:Page:about.html.twig');
}
// ..
模板： 创建src/Blogger/BlogBundle/Resources/views/Page/about.html.twig 并加入相关页面文件
复制代码 代码如下:
{# src/Blogger/BlogBundle/Resources/views/Page/about.html.twig #}
{% extends 'BloggerBlogBundle::layout.html.twig' %}
{% block body %}
about page
{% endblock %}
简单的三个流程增加了关于页面：http://symfony/app_dev.php/about
希望本文所述对大家基于Symfony框架的PHP程序设计有所帮助。
您可能感兴趣的文章:
- Symfony2使用Doctrine进行数据库查询方法实例总结
- Symfony2实现从数据库获取数据的方法小结
- Symfony2创建页面实例详解
- Symfony2之session与cookie用法小结
- Symfony2框架学习笔记之表单用法详解
- Symfony2学习笔记之插件格式分析
- Symfony2学习笔记之系统路由详解
- Symfony2学习笔记之控制器用法详解
- Symfony2学习笔记之模板用法详解
- Symfony2开发之控制器用法实例分析
- Symfony2安装第三方Bundles实例详解
- Symfony2使用第三方库Upload制作图片上传实例详解
- Symfony2联合查询实现方法
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7428
15
1359
52
76
11
27
19
AI는 페르마의 마지막 정리를 정복할 수 있을까? 100페이지의 증거를 코드로 만들기 위해 5년의 경력을 포기한 수학자
Apr 09, 2024 pm 03:20 PM
페르마의 마지막 정리, AI가 정복할 것인가? 그리고 무엇보다 가장 의미 있는 부분은 AI가 풀려고 하는 페르마의 마지막 정리가 바로 AI가 쓸모없다는 것을 증명한다는 점이다. 옛날에는 수학이 순수한 인간 지능의 영역에 속했지만 지금은 이 영역이 고급 알고리즘에 의해 해독되고 짓밟히고 있습니다. Image 페르마의 마지막 정리는 수세기 동안 수학자들을 당황하게 만든 "악명 높은" 퍼즐입니다. 이는 1993년에 입증되었으며 이제 수학자들은 컴퓨터를 사용하여 증명을 재현하는 큰 계획을 세웁니다. 그들은 이 버전의 증명에 논리적 오류가 있으면 컴퓨터로 확인할 수 있기를 바랍니다. 프로젝트 주소: https://github.com/riccardobrasca/flt
PyCharm 프로젝트를 패키징하는 쉬운 방법 공유
Dec 30, 2023 am 09:34 AM
간단하고 이해하기 쉬운 PyCharm 프로젝트 패키징 방법을 공유하세요. Python의 인기로 인해 점점 더 많은 개발자가 PyCharm을 Python 개발의 주요 도구로 사용하고 있습니다. PyCharm은 개발 효율성을 향상시키는 데 도움이 되는 다양한 편리한 기능을 제공하는 강력한 통합 개발 환경입니다. 중요한 기능 중 하나는 프로젝트 패키징입니다. 이 글에서는 간단하고 이해하기 쉬운 방식으로 PyCharm에서 프로젝트를 패키징하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 왜 패키지 프로젝트인가? Python으로 개발됨
PyCharm 자세히 살펴보기: 프로젝트를 삭제하는 빠른 방법
Feb 26, 2024 pm 04:21 PM
제목: PyCharm에 대해 자세히 알아보기: 프로젝트를 삭제하는 효율적인 방법 최근 몇 년 동안 강력하고 유연한 프로그래밍 언어인 Python을 점점 더 많은 개발자가 선호하고 있습니다. Python 프로젝트 개발에서는 효율적인 통합 개발 환경을 선택하는 것이 중요합니다. 강력한 통합 개발 환경인 PyCharm은 Python 개발자에게 프로젝트 디렉터리를 빠르고 효율적으로 삭제하는 것을 포함하여 다양한 편리한 기능과 도구를 제공합니다. 다음은 PyCharm에서 삭제를 사용하는 방법에 중점을 둡니다.
PyCharm 실용 팁: 프로젝트를 실행 가능한 EXE 파일로 변환
Feb 23, 2024 am 09:33 AM
PyCharm은 풍부한 개발 도구와 환경 구성을 제공하는 강력한 Python 통합 개발 환경으로, 개발자가 코드를 보다 효율적으로 작성하고 디버그할 수 있습니다. Python 프로젝트 개발에 PyCharm을 사용하는 과정에서 Python 환경이 설치되지 않은 컴퓨터에서 실행하기 위해 프로젝트를 실행 가능한 EXE 파일로 패키징해야 하는 경우가 있습니다. 이 기사에서는 PyCharm을 사용하여 프로젝트를 실행 가능한 EXE 파일로 변환하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 머리
PPT 마스크를 추가하는 방법
Mar 20, 2024 pm 12:28 PM
PPT 마스킹에 관해서는 아직 생소하신 분들이 많을 텐데요. 대부분의 사람들은 PPT를 만들 때 잘 이해하지 못하고 그냥 마음에 드는 대로 만들어서 만드는 경우가 많기 때문에 PPT 마스킹이 무엇인지도 모르고 이해하지도 못하는 분들이 많습니다. 이 마스크가 어떤 역할을 하는지는 알지만, 사진을 덜 단조롭게 만들 수 있을지도 모르겠습니다. 배우고 싶은 친구들, PPT 마스크를 좀 덜 단조롭게 만들어 보세요. 그렇다면 PPT 마스크를 추가하는 방법은 무엇입니까? 아래를 읽어주세요. 1. 먼저 PPT를 열고 빈 그림을 선택한 다음 [배경 형식 설정]을 마우스 오른쪽 버튼으로 클릭하고 단색을 선택합니다. 2. [삽입] 클릭, 워드아트 단어 입력 3. [삽입] 클릭, [도형] 클릭
PyCharm 튜토리얼: PyCharm에서 항목을 제거하는 방법은 무엇입니까?
Feb 24, 2024 pm 05:54 PM
PyCharm은 개발자가 Python 프로젝트를 보다 효율적으로 작성하고 관리하는 데 도움이 되는 풍부한 기능을 제공하는 강력한 Python 통합 개발 환경(IDE)입니다. PyCharm을 사용하여 프로젝트를 개발하는 과정에서 공간 확보나 프로젝트 목록 정리를 위해 더 이상 필요하지 않은 일부 프로젝트를 삭제해야 하는 경우가 있습니다. 이 문서에서는 PyCharm에서 프로젝트를 삭제하는 방법을 자세히 설명하고 구체적인 코드 예제를 제공합니다. 프로젝트 삭제 방법 PyCharm을 열고 프로젝트 목록 인터페이스로 들어갑니다. 프로젝트 목록에서
함수 오버로딩 및 재작성에 대한 C++ 템플릿 전문화의 효과
Apr 20, 2024 am 09:09 AM
C++ 템플릿 전문화는 함수 오버로딩 및 재작성에 영향을 줍니다. 함수 오버로딩: 특수화된 버전은 특정 유형의 다양한 구현을 제공할 수 있으므로 컴파일러가 호출하도록 선택하는 함수에 영향을 줍니다. 함수 재정의: 파생 클래스의 특수 버전은 기본 클래스의 템플릿 함수를 재정의하여 함수를 호출할 때 파생 클래스 개체의 동작에 영향을 줍니다.
기본 튜토리얼: IDEA를 사용하여 Maven 프로젝트 생성
Feb 19, 2024 pm 04:43 PM
IDEA(IntelliJIDEA)는 개발자가 다양한 Java 애플리케이션을 빠르고 효율적으로 개발하는 데 도움을 줄 수 있는 강력한 통합 개발 환경입니다. Java 프로젝트 개발에서 Maven을 프로젝트 관리 도구로 사용하면 종속 라이브러리 관리, 프로젝트 빌드 등을 더 잘 관리하는 데 도움이 될 수 있습니다. 이 기사에서는 특정 코드 예제를 제공하면서 IDEA에서 Maven 프로젝트를 생성하는 방법에 대한 기본 단계를 자세히 설명합니다. 1단계: IDEA 열기 및 새 프로젝트 만들기 IntelliJIDEA 열기
