简体   繁体   English

我如何一起设置Bootstrap,Angular.js和mySQL

[英]How can i setup Bootstrap, Angular.js and mySQL together

Im very new to this World of Angular and Html. 我对这个Angular和HTML世界非常陌生。 Im using brackets, i did a small project which was setup by my friend and he is not available to help anymore. 我使用括号,我做了一个小项目,该项目由我的朋友设置,他再也无法提供帮助了。 Im trying to find detailed process so i can start writing HTML using Bootstrap with Angular framework which will use mySQL database. 我试图找到详细的过程,这样我就可以开始使用带有Angular框架的Bootstrap编写HTML,它将使用mySQL数据库。 Project im trying to create is full stack so i will be creating front and back end APIs. 我试图创建的项目是完整堆栈,所以我将创建前端和后端API。 Im confident with creating APIs once everything is setup but surprisingly im stuck at such a basic thing. 一旦一切设置完成,我对创建API充满信心,但令人惊讶的是,我陷入了这样的基本问题。

Any help will be appreciated. 任何帮助将不胜感激。

Welcome to Stack Overflow and the world of web development. 欢迎来到Stack Overflow和Web开发世界。 This is definitely not a bad question but is far too broad to be answered in any meaningful way here. 这绝对不是一个坏问题,但范围太广,无法在这里以任何有意义的方式回答。 MySQL, Angular, and Bootstrap really have nothing to do with each other so there's many ways to go about this. MySQL,Angular和Bootstrap确实彼此无关,因此有很多方法可以解决此问题。

To start, I'd recommend exploring an existing web framework and building a sample application. 首先,我建议您探索现有的Web框架并构建示例应用程序。 There are tons of web frame works out there with tutorials all over the web. 网上有大量的Web框架和教程。 One I'd recommend for beginners is Michael Haartl's Rails tutorial which uses Bootstrap. 我为初学者推荐的是Michael Haartl的Rails教程,该教程使用了Bootstrap。

This question is very broad and can generate lots of discussion. 这个问题非常广泛,可以引起很多讨论。 So, I am trying to give you some guidelines you can use in your journey. 因此,我正在尝试为您提供一些在旅途中可以使用的指南。

  1. AngularJS with Bootstrap : if you are using AngularJs 1.x then I recomend going with UI Bootstrap. 带有Bootstrap的AngularJS :如果您使用的是AngularJs 1.x,那么我建议您使用UI Bootstrap。 Check it out: https://angular-ui.github.io/bootstrap/ 签出: https : //angular-ui.github.io/bootstrap/

  2. Create a web service to provide data : Normally, we need a service (running in a web server) to manage data exchange. 创建一个提供数据的Web服务 :通常,我们需要一个服务(在Web服务器上运行)来管理数据交换。 You can develop it using several programing languages with a web server such as: Javascript with NodeJS, PHP with Apache, Java with Tomcat or .Net with IIS. 您可以使用多种编程语言在Web服务器上进行开发,例如:NodeJS的Javascript,Apache的PHP,Tomcat的Java或IIS的.Net。 Next, you can exchange data between AngularJS and your web service through Ajax. 接下来,您可以通过Ajax在AngularJS和Web服务之间交换数据。

  3. Connect your web service to your database : Finally, your web service is capable to connect to a database (eg: MySQL) and send it back to your front-end (in this case your AngularJS page). 将您的Web服务连接到数据库 :最后,您的Web服务能够连接到数据库(例如:MySQL)并将其发送回前端(在本例中为AngularJS页面)。 The web server is also the best place to put business rules (eg: permissions, security control, business constraints, etc) Web服务器还是放置业务规则(例如,权限,安全控制,业务约束等)的最佳场所

I hope it helps. 希望对您有所帮助。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM