2 Stimmen

Wie strukturiere ich eine CodeIgniter-Anwendung mit AngularJS?

Ich möchte eine Anwendung erstellen, bei der das Backend von CodeIgniter und das Frontend von AnuglarJS gesteuert wird.

Im Moment habe ich eine Idee, dass wir den Angular JS $http Service verwenden können, um Daten von Codeigniter zu erhalten. Aber ich bin verwirrt, wie man Ansichten behandeln soll.

Zum Beispiel:

Mein Standardcontroller ist 'Login'. Ich habe eine login.php-Datei im Controller-Ordner erstellt und rendere die Ansicht des Login-Formulars in der index-Methode. Wenn ich nur dem CodeIgniter-Flow folgen würde, würde ich einfach die Formularaktion zur doLogin() Methode des Login-Controllers platzieren und von dort aus den Benutzer zu seinem Dashboard umleiten.

Wie können wir das in AngularJS erreichen, damit, wenn ein Benutzer das Formular ausfüllt und auf die Login-Schaltfläche klickt, die Seite nicht neu geladen wird und das Dashboard erscheint?

5voto

CSA Punkte 393

Überprüfen Sie dieses GitHub-Projekt CodeIgniter AngularJS App. Eine weitere interessante Antwort ist: Kombination von AngularJS und CodeIgniter. Ich hoffe, ich habe geholfen...

1voto

avenda Punkte 502

Versuchen Sie, diesen Seed zu verwenden, https://github.com/rmcdaniel/angular-codeigniter-seed mit JWT-Authentifizierung (kein Umgang mit Cookies)

1voto

Fahad Billah Punkte 429

Oder Sie können 2 verschiedene Projekte erstellen. AngularJS & Codeigniter Backend. Machen Sie das Codeigniter-Backend als RESTful-Server.

Jetzt können Sie den CI-Backend-Projektordner innerhalb des Angular-Projektordners platzieren oder Sie können sie separat halten.

Im Falle eines separaten Projektordners, wenn das CI-Backend aufgrund von "Cross-Origin Request Blocked" nicht in der Lage ist, get/post zu verarbeiten, können Sie es aus der php/.htaccess-Datei zulassen.

Die 2 Ordnerstrukturen sehen wie folgt aus. (gemäß xampp-Ordner)

Verschachtelte Ordnerstruktur

xampp/htdocs/my_ng_project/ (Angular-Projekt)
xampp/htdocs/my_ng_project/backend/ (CI-Projekt)

Separate Ordnerstruktur

xampp/htdocs/my_ng_project/ (Angular-Projekt)
xampp/htdocs/backend/ (CI-Projekt)

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X