跳至主要内容

AngularJS CakePHP Sample codes


Introduction

This sample is a Blog application which has the same features with the official CakePHP Blog tutorial, the difference is AngularJS was used as frontend solution, and CakePHP was only use for building backend RESR API.

Technologies

AngularJS is a popular JS framework in these days, brought by Google. In this example application, AngularJS and Bootstrap are used to implement the frontend pages.
CakePHP is one of the most popular PHP frameworks in the world. CakePHP is used as the backend REST API producer.
MySQL is used as the database in this sample application.
A PHP runtime environment is also required, I was using WAMP under Windows system.

Post links

I assume you have some experience of PHP and CakePHP before, and know well about Apache server. Else you could read the official PHP introduction(php.net) and browse the official CakePHP Blog tutorial to have basic knowledge about CakePHP.
In these posts, I tried to follow the steps described in the CakePHP Blog tutorial to implement this sample application, and also reused the database schema of the tutorial.

Source codes

The project is hosted in my Github account, and follow the steps motioned in my posts to run it on Apache server:
Fork it!

Feedback

In further posts, I could add more content about these topics, especially, REST support in CakePHP. Any suggestion is welcome.

标签：

评论

匿名说…
We have a Chinese website developed with CakePHP 1.3. Now we are thinking about adding AngularJS to it. Do you have a tutorial for CakePHP 1.3? Our website is: http://www.huavote.com
Thanks!
9:48 上午
匿名说…
Trying again with the Link: www.huavote.com

This is a website for overseas Chinese. Thanks Hantsy.
9:52 上午
发表评论

此博客中的热门博文

Create a restful application with AngularJS and Zend 2 framework

Create a restful application with AngularJS and Zend 2 framework This example application uses AngularJS/Bootstrap as frontend and Zend2 Framework as REST API producer. The backend code This backend code reuses the database scheme and codes of the official Zend Tutorial, and REST API support is also from the Zend community. Getting Started with Zend Framework 2 Getting Started with REST and Zend Framework 2 Zend2 provides a   AbstractRestfulController   for RESR API producing. class AlbumController extends AbstractRestfulController { public function getList() { $results = $this->getAlbumTable()->fetchAll(); $data = array(); foreach ($results as $result) { $data[] = $result; } return new JsonModel(array( 'data' => $data) ); } public function get($id) { $album = $this->getAlbumTable()->getAlbum($id); return new JsonModel(array("data" =>
发表评论
阅读全文

JPA 2.1: Attribute Converter

JPA 2.1: Attribute Converter If you are using Hibernate, and want a customized type is supported in your Entity class, you could have to write a custom Hibernate Type. JPA 2.1 brings a new feature named attribute converter, which can help you convert your custom class type to JPA supported type. Create an Entity Reuse the   Post   entity class as example. @Entity @Table(name="POSTS") public class Post implements Serializable { private static final long serialVersionUID = 1L; @Id @GeneratedValue(strategy = GenerationType.AUTO) @Column(name="ID") private Long id; @Column(name="TITLE") private String title; @Column(name="BODY") private String body; @Temporal(javax.persistence.TemporalType.DATE) @Column(name="CREATED") private Date created; @Column(name="TAGS") private List<String> tags=new ArrayList<>(); } Create an attribute convert
发表评论
阅读全文

Auditing with Hibernate Envers

Auditing with Hibernate Envers The approaches provided in JPA lifecyle hook and Spring Data auditing only track the creation and last modification info of an Entity, but all the modification history are not tracked. Hibernate Envers fills the blank table. Since Hibernate 3.5, Envers is part of Hibernate core project. Configuration Configure Hibernate Envers in your project is very simple, just need to add   hibernate-envers   as project dependency. <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-envers</artifactId> </dependency> Done. No need extra Event listeners configuration as the early version. Basic Usage Hibernate Envers provides a simple   @Audited   annotation, you can place it on an Entity class or property of an Entity. @Audited private String description; If   @Audited   annotation is placed on a property, this property can be tracked. @Entity @Audited public class Signup implements Serializa
1 条评论
阅读全文