主界面效果：
添加信息效果：
修改信息效果：
上面这张图片就是我们将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序！
与上一篇文章不同的是：优化了界面效果，输入信息错误出现提示
将要用到：HTML，CSS，AngularJS，jQuery
代码如下：
<!DOCTYPE html><html ng-app="myApp"><head><meta charset="UTF-8"><script type="text/javascript" src="jquery.1.12.4.js"></script><script type="text/javascript" src="angular-1.3.0.js"></script><script type="text/javascript" src="data.js"></script><title>用户管理</title><style type="text/css">* {font-size: 14px;margin: 0;padding: 0;}body {padding: 16px 32px;}.search {position: relative;width: 640px;height: 40px;line-height: 40px;margin: 0 auto;}.search input {width: 152px;height: 24px;border: 1px solid #999;border-radius: 4px;padding-left: 8px;}.search select {width: 86px;height: 24px;border: 1px solid #999;border-radius: 4px;}.search .sort {position: absolute;right: 0;top: 8px;}.btns {width: 640px;height: 40px;line-height: 40px;margin: 0 auto;}.btns button {width: 80px;height: 24px;background-color: green;border: 0;border-radius: 4px;color: white;}.btns .remove_btn {background-color: red;}.list {width: 640px;margin: 0 auto;}
如果觉得《angularjs实现 - 增加/删除/修改/查询/排序（优化界面）》对你有帮助，请点赞、收藏，并留下你的观点哦！
