一、和老师探讨,更正方向
在经过询问老师后,知道了自己真正的展示方向,重点落在“展示系统”上,所以根据之前做web前端经验,搜集了一些模板,并在网络上找到一些制作工程监测的公司产品进行界面参考。找到合适的开发模板在此基础上进行改进。
二、登录、注册界面的实现
登录注册界面使用了js文档放置后台数据的模式,反馈给前端,能够实现注册、登录功能。
html
<div class="fixed">
<div class="form-demo">
<!-- 旋转开关 -->
<div class="switch">
<h2>没有/已有账号?</h2>
</div>
<input type="checkbox" style="display: none;" id="change">
<label for="change">切 换</label>
<div class="turn">
<div class="over">
<form action="" class="login">
<h1>工程监测数据展示系统</h1>
<input type="text" placeholder="用户名" [(ngModel)]="logname" (ngModelChange)="onSearchChange($event)" [ngModelOptions]="{standalone: true}">
<input type="password" placeholder="密码" [