用html+css编写登录界面（分普通和管理员权限），点击登录按钮，调用php后台处理能判断登录用户名和密码

html-css07

用html+css编写登录界面（分普通和管理员权限），点击登录按钮，调用php后台处理能判断登录用户名和密码,第1张

登陆时应该判断是用户登录还是管理员登录用户和管理员的界面不一样吧,两个不同的页面用户登录则跳转到用户界面user_page.html管理员登录则跳转到管理员界面admin_page.html

我这边写项目都是是后台写的jsp代码，但是前端也是可以实现的，用户登录之后，将用户名localStorage.setItem在本地保存一下，然后localStorage.getItem判断本地的用户名是不是存在的，存在显示登录后页面，不存在的话就显示登录注册。退出登录的时候可以让用户名位空或者是用localStorage.removeItem清除本地用户名的缓存。希望有用。不到之处务喷

用法：

1.导入render_template函数

2.当你创建完成flask项目后，会自动生成static文件夹用来放css,js文件，templates文件夹放html文件。在templates文件夹下新建index.html文件

3.在app.py中渲染html,templates文件夹是自动生成的，当使用render_template渲染html时，它会自动去templates文件夹下找，所以这里不用谢文件夹名字，直接写html的名字就可以。

效果图

在网页中用户登录后，显示用名字，就是后台向前端界面传递用户的信息，前端接收到后显示出来。

用法：在渲染模板时将参数写在后面

在html文件中获取参数，读取值使用{{参数名}}

当传递参数较多时，将它们放在字典中，然后使用**字典名进行传递

读取方法还相同

补充：如果字典中有对象，要在html中获取对象的属性值，{{对象名.属性}}，如果字典中还有字典，同样获取值使用{{字典名.属性}}