php一般使用什么ui框架 web前端开发框架有哪些_web前端开发主要框架

2023-10-06 10:25:45 | 我爱编程网

今天，我爱编程网小编为关注后端开发的同学们准备了php一般使用什么ui框架 web前端开发框架有哪些_web前端开发主要框架，下面一起来看一下吧。

常用的UI框架有哪些？

常用的UI框架有哪些?推荐6种常用的UI框架。接下来天通苑电脑培训为大家分享一下UI专业设计师在日常工作中常用的几种框架，希望能够帮到你！

Bootstrap

说到流行的UI框架，那么Bootstrap是一定会出现在榜单上的。它是由twitter推出的Web前端UI框架，它由Twitter的设计师MarkOtto和JacobThornton合作开发。Bootstrap通过它优秀的栅栏系统，很好的实现了响应式布局。Bootstrap还提供了时尚的排版样式，表单，buttons，表格，轮播等等。

Bootstrap提供了优雅的HTML和CSS规范，它是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

jQueryUI

jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器，jQueryUI都是一个完美的选择。

jQueryUI包含了许多维持状态的小部件(Widget)，因此，它与典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式，这样就大大的降低了学习成本。

jQueryUI继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。同时，jQueryUI采用MIT&GPL双协议授权，轻松满足自由产品至企业产品各种授权需求。jQueryUI另一大有点是兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且，jQueryUI有完全汉化的版本，开发包内置包含中文在内的40多种语言包。

PureCSS

Pure也是一款很出色的CSS框架，Pure是来自雅虎的。尽管从UI界面效果上来说，Pure没有Bootstrap那样精美，但Pure是纯CSS实现的，因此非常小巧，整个框架压缩后只有5.7k左右。

最大的特点就是框架基于纯CSS，无任何JavaScript代码，渲染速度比较快。由Yahoo出品，技术上应该不存在太大问题。组件也很丰富，包括表格、表单、按钮、表、导航等。CSS类的标识十分简单，因此在使用Pure的过程中代码会比较友好。

SemanticUI

SemanticUI最大的优点就在它的名字里--语义化。Semantic-UI比Bootstrap更语义化，使用了更容易理解的标签名称：导航的是nav，主要内容的是main，class名也很明确。

而且SemanticUI的modules预制了很多美观的动画，同时也非常简单好用。比如视图(Views)中的评论(Comment)和动态信息(Feed)。

php一般使用什么ui框架 web前端开发框架有哪些_web前端开发主要框架

php如何实现登录的操作功能

php实现登录操作的方法：首先连接和创建数据库；然后使用layui框架创建前台页面；接着创建“login.php”文件，用来判断用户名密码的正确性；最后访问文件目录查看登录界面效果即可。
推荐：《PHP视频教程》
开始自然是从最简单的功能起步，我第一个任务选择了做一个登录操作，其实也没想象中那么简单。
1.首先自然是连接和创建数据库
这部分我写在model.php中
$userName='root';
$passWord='';
$host='localhost';
$dataBase='login';
//创建连接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);2.写前台页面，为了熟练前端框架，用了layui框架使界面，前面有一段js代码，来判断用户名密码输入是否为空
<!DOCTYPE html>
<html lang="en">
<script src="layui.js";></script>
<link rel="stylesheet" href="layui.css" ;>
<head>
<meta charset="UTF-8">
<title>注册登录</title>
</head>
<script language=JavaScript>
function InputCheck()
{
if (Login.username.value == "")
{
alert("请输入用户名!");
Login.username.focus();
return (false);
}
if (Login.password.value == "")
{
alert("请输入密码!");
Login.password.focus();
return (false);
}
}
</script>
<body >
<p >
<p >
<p class="layui-form">
<form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">
<p class="layui-form-item" >
<h3>注册登录系统</h3>
</p>
<hr>
<p class="layui-form-item">
<label class="layui-form-label">用户名</label>
<p class="layui-input-block">
<input type="text" name="username" id="username" placeholder="用户名" autocomplete="off" class="layui-input">
</p>
</p>
<p class="layui-form-item">
<label class="layui-form-label">密码</label>
<p class="layui-input-block">
<input type="password" name="password" id="password" placeholder="密码" autocomplete="off" class="layui-input">
</p>
</p>
<p class="layui-form-item">
<p class="layui-input-block";>
<input type="submit" value="登录" class="layui-btn">
<input type="button" value="注册" class="layui-btn">
</p>
</p>
</form>
</p>
</p>
</p>
</body>
</html>3.login.php 用来判断用户名密码的正确性，关于这一点我看了网上的很多方法，五花八门，在我没遇到障碍之前，我决定先用简单的形式，就是用sql语句查询用户名配上密码的结果集，结果集为空，则不存在该用户。
<?php
//数据库连接
require_once 'model.php';
//从登录页接受来的数据
$name=$_POST['username'];
$pwd=$_POST['password'];
$sql="select id,username,password from user where username='$name' AND password='$pwd';";
$result=mysqli_query($conn,$sql);
$row=mysqli_num_rows($result);
if(!$row){
echo "<script>alert('密码错误，请重新输入');location='login.html'</script>";
}
else{
echo "<script>alert('登录成功');location='123'</script>";
};4.文件目录
5.效果

6.小结
总体上不是特别困难，因为功能十分简单，下一步的任务是加入注册功能，以及验证码功能。

php一般使用什么ui框架 web前端开发框架有哪些_web前端开发主要框架