【免费】前端node小项目__通讯录.zip资源-CSDN文库

共28个文件

js：7个

ds_store：4个

css：4个

毕业设计

课程设计

项目开发

需积分: 0 40 浏览量 2024-01-16 12:02:56 上传评论收藏 5.36MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端node小项目__通讯录.zip （28个子文件）

概览.png 162KB

.DS_Store 6KB

preStaticIndex.html 2KB

解释.jpeg 4.77MB

index.js 3KB

es6封装dbc升级.js 2KB

static

.DS_Store 6KB

jquery-2.1.0.js 239KB

contact.js 6KB

bootstrap-3.3.7-dist

.DS_Store 6KB

bootstrap.js 68KB

npm.js 484B

bootstrap.min.js 36KB

css

bootstrap-theme.min.css.map 25KB

bootstrap.min.css 118KB

bootstrap-theme.css.map 47KB

bootstrap-theme.css 26KB

bootstrap.css.map 380KB

bootstrap.css 143KB

bootstrap-theme.min.css 23KB

bootstrap.min.css.map 529KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

index.html 7KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/jquery-2.1.0.js"></script>  <script src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css"> </head> <body>  <nav class="navbar navbar-default"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> </ul> <form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search" id="search-input"> </div> </form> <ul class="nav navbar-nav navbar-right"> <li id="add-contact-btn"> <a href="javascript:void(0)">添加联系人</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> </div> </nav>  <div class="modal fade" tabindex="-1" role="dialog" id="add-contact-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">添加联系人</h4> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="exampleInputEmail1">联系人姓名</label> <input type="text" class="form-control" id="name" placeholder="联系人姓名"> </div> <div class="form-group"> <label for="exampleInputPassword1">联系人号码</label> <input type="text" class="form-control" id="phoneNumber" placeholder="联系人号码"> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="add-contact-submit">确认添加</button> </div> </div> </div> </div> <div class="container"> <ul class="list-group" id="contact-list"> <li class="list-group-item"> <h3>于永琪</h3> <p>18845116443</p> <div class="btn-group" role="group" aria-label="..."> <a type="button" class="btn btn-default">拨打号码</a> <button type="button" class="btn btn-default">修改联系人信息</button> <button type="button" class="btn btn-default">删除联系人</button> </div> </li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-group-item">Morbi leo risus</li> <li class="list-group-item">Porta ac consectetur ac</li> <li class="list-group-item">Vestibulum at eros</li> </ul> </div>  <div class="modal fade" tabindex="-1" role="dialog" id="revise-contact-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">修改联系人</h4> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="exampleInputEmail1">联系人姓名</label> <input type="text" class="form-control" id="revise-name"> </div> <div class="form-group"> <label for="exampleInputPassword1">联系人号码</label> <input type="text" class="form-control" id="revise-phoneNumber"> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="revise-submit">确认修改</button> </div> </div> </div> </div> <script src="./js/contact.js"></script> </body> </html>

评论收藏

内容反馈