用户添加

最新推荐文章于 2022-11-04 20:10:47 发布
最新推荐文章于 2022-11-04 20:10:47 发布
阅读量434 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LSJ44/article/details/78047760
版权 
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title></title>
      <script src="jquery-2.1.0.js" type="text/javascript"></script>
      <script src="angular.js" type="text/javascript"></script>
      <script src="angular-route.js" type="text/javascript"></script>
      <script type="text/javascript">
         var app=angular.module("myapp",["ngRoute"]);
         var user=[{"id":"1","name":"张三","pwd":"111","age":"20","sex":"男"},
         {"id":"2","name":"李四","pwd":"222","age":"21","sex":"女"},
         {"id":"3","name":"王五","pwd":"333","age":"22","sex":"男"}];
         app.value("user",user);
         app.config(["$routeProvider",function($routeProvider){
            $routeProvider
            .when("/up",{
               controller:"myctrl",
               templateUrl:"up.html"})
            .when("/add",{
               controller:"myctrl",
               templateUrl:"add.html"
            });
         }]);
         app.controller("myctrl",function($scope,user,$location){
            $scope.user=user;
            $scope.del=function(){
               $scope.user.splice($scope.user);
            };
            $scope.goToUrl=function(path){
               $location.path(path);
            };
            $scope.goTourl=function(path){
               $location.path(path);
            };
            $scope.dd=function(){
               var usernew={id:$scope.id,
               name:$scope.name,
               pwd:$scope.pwd,
               age:$scope.age,
               sex:$scope.sex};
               $scope.user.push(usernew);
            };
            var ii=0;
            $scope.upp=function($index){
               $scope.newpwdd=$scope.user[$index].pwd;
               $scope.newname=$scope.user[$index].name;
               ii=$index;
            };
            $scope.gmm=function(){
               $scope.user[ii].pwd=$scope.newpwd;
            };
         });
      </script>
      <style>
         .header{
            width: 700px;
            height: 50px;
         }
         .name{
            margin-top: 10px;
         }
         .age{
            margin-top: 10px;
         }
         .sex{
            margin-top: 10px;
         }
         .add{
            margin-top: 20px;
         }
      </style>
   </head>
   <body ng-app="myapp" ng-controller="myctrl">
      <center>
      <div class="header">
         用户名:<input type="text" class="name" ng-model="search" />
         年龄：<input type="text" class="age" ng-model="searchone" />
         性别：<select class="sex" ng-model="searchtwo">
            <option></option>
            <option>男</option>
            <option>女</option>
         </select>
         <button ng-click="del()">全部删除</button>
      </div>
      <table border="1" cellpadding="20" cellspacing="0">
         <tr>
            <th>id</th>
            <th>用户名</th>
            <th>密码</th>
            <th>年龄</th>
            <th>性别</th>
            <th>操作</th>
         </tr>
         <tr ng-repeat="u in user | filter:{'name':search} | filter:{'age':searchone} | filter:{'sex':searchtwo}">
            <td>{{u.id}}</td>
            <td>{{u.name}}</td>
            <td>{{u.pwd}}</td>
            <td>{{u.age}}</td>
            <td>{{u.sex}}</td>
            <td>
               <button ng-click="goToUrl('/up');upp($index)" >修改密码</button>
            </td>
         </tr>
      </table>
      <button class="add" ng-click="goTourl('/add')">添加用户</button>
      <script type="text/ng-template" id="up.html">
         <form action="#">
            <table>
               <tr>
                  <td>用户名: </td>
                  <td><input type="text" ng-model="newname" /></td>
               </tr>
               <tr>
                  <td>旧密码: </td>
                  <td><input type="text" ng-model="newpwdd" /></td>
               </tr>
               <tr>
                  <td>新密码:</td>
                  <td><input type="text" ng-model="newpwd"  /></td>
               </tr>
               <tr>
                  <td>确认密码:</td>
                  <td><input type="text" /></td>
               </tr>
               <tr>
                  <td colspan="2" align="center">
                     <input type="button" ng-click="gmm()" value="提交" />
                  </td>
               </tr>
            </table>
         </form>
      </script>
      <script type="text/ng-template" id="add.html">
         <form action="#">
            <table>
               <tr>
                  <td>id:</td>
                  <td><input type="text" ng-model="id" /></td>
               </tr>
               <tr>
                  <td>用户名:</td>
                  <td> <input type="text" ng-model="name" /></td>
               </tr>
               <tr>
                  <td>密码:</td>
                  <td><input type="text" ng-model="pwd" /></td>
               </tr>
               <tr>
                  <td>年龄:</td>
                  <td><input type="text" ng-model="age" /></td>
               </tr>
               <tr>
                  <td>性别:</td>
                  <td><input type="text" ng-model="sex" /><br /></td>
               </tr>
               <tr>
                  <td colspan="2" align="center"><input type="button" ng-click="dd()" value="提交" /></td>
               </tr>
            </table>
         </form>
      </script>
      <div ng-view>
         
      </div>
      </center>
   </body>
</html>
LSJ44
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java+JS实现添加用户并在数据库显示
weixin_46758732的博客
07-16 435
项目文件信息： 完成用户添加的控制器 package com.dongruan.erp.web.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletRespon
自建JS代码库（1）---添加用户的常用验证
weixin_34005042的博客
04-30 153
自建JS代码库（1）---添加用户的常用验证 大家都知道现在有许多比较成熟的javascript代码库,比如:JQuery,Prototype等,里面有许多经过验证的非常好用的函数.这些优秀的代码库能够提高我们的开发效率，但是我们在开发过程中同时还会遇到一些经常使用的方法，而这些可能写起来也比较的繁琐，这个时候我们有自己的代码库...
JavaScript添加用户小练习
C.
11-10 574
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添
jquery 新增用户实例
okkeqin的专栏
02-28 997
String path = request.getContextPath(); %>     ——     /style/css.css" rel="stylesheet" type="text/css" />          /jsCBB/jquery.js">                    /jsCBB/tableBehave.js">     
node.js 实战小案例 --点击添加用户
q2211164的博客
11-04 265
点击输入用户名，和用户头像，及时渲染到页面（ui有点丑，主要是功能！）
把域用户加入到本地Power Users
04-20
加入域用户到本地Power Users的实现方法和注意事项 在企业网络中，对客户端的安全控制是首要考虑的方面。从安全的角度来说，不建议将域用户加入到本地Power Users，这可能会导致系统的不安全性。然而，通过组策略，...
linux批量添加用户
11-28
可以批量添加用户，用户名名前缀以及用户数量可以定制，用户名后缀为递增数字
隐藏用户添加软件
11-23
轻松一键添加隐藏用户，用于为电脑添加后门所用！！
joomla实现注册用户添加新字段的方法
10-22
主要介绍了joomla实现注册用户添加新字段的方法,实例分析了Joomla注册用户添加新字段的步骤与相关实现技巧,需要的朋友可以参考下
AD域添加用户添加客户端到AD域.docx
07-02
- 在“Local users and groups”中将新加入的域用户添加到“Administrators”组。 **8. 重启计算机并登录** - 使用新加入的域用户登录。 #### 五、添加Win7客户端到AD域 **1. 配置DNS** - 进入控制面板->网络和...
angularjs添加用户
RenZjun的博客
10-23 473
用户管理 - 添加用户             var app = angular.module("UMApp", []);         app.controller("UMCtrl", function ($scope) {             $scope.data = [];             var id = 1;             // 显示
用户添加页面
xxx2com的专栏
07-29 902
      新增用户               新增用户                                       * 用户名                                              * 用户代称                                  
1用户添加
潜龙勿用丶的博客
07-08 227
springboot整合jdbc-实现添加用户 创建实体类(pojo/Users) public class Users { private Integer id; private String username; private String usersex; public Integer getId() { return id; } public void setId(Integer id) { this.id =
添加用户
qq_43191251的博客
02-19 958
添加用户 这里有一个保存用户账户信息的「字典」，字典的 key 是用户名，value 是明文密码，形式如下： users = { “user1”: “password1”, “user2”: “123456” } 请编写程序，向用户字典中添加如下账户： 用户名 密码 zhangsan zs123456 lisi si123456 users = { "alpha": "alpha123",...
JS实现用户注册
tusunjan
09-17 2182
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
注册用户添加Js和Ajax验证
dukangcheng的博客
03-03 5847
注册用户的时候几乎所有的网站都会用到Js和Ajax进行验证操作，这也是一个做WEB程序员必须要掌握的技能点。       现在我们来看一下怎么写这个js和ajax代码：（以jsp页面为例）       首先 jsp页面代码：此处只设登录名和密码             首先js验证一般我们在做注册功能时是用来验证用户输入的格式是否正确，输入是否为空等等。        
用户中心增加新功能实例
不见不散
09-06 1511
1、在 user.php 文件修改
linux 用户添加到 root
最新发布
04-29
在Linux中，将用户添加到root用户组可以让该用户拥有root用户的权限。这样可以方便用户执行某些需要root权限的操作，而无需切换到root用户进行操作。 要将用户添加到root用户组，可以按照以下步骤进行操作： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值