PHP程序设计-实验2-简单登录页面_php登录页面

相关文章推荐

风度翩翩的镜子 · 首页-业务指南频道-便利金融栏目-银医服务· 4 月前 ·

读研的葫芦 · 请回答1988 20集_哔哩哔哩_bilibili· 1 年前 ·

有胆有识的投影仪 · SQL语句统计每天、每月、每年的数据 - ...· 1 年前 ·

英俊的硬盘 · 2023年618哪一款手机性价比高？手机推荐 ...· 1 年前 ·

谦和的跑步鞋 · CURL是什么？怎么用？_curl是干什么的 ...· 1 年前 ·

表单提交实验步骤：

1、利用DreamWeaver、UltraEdit、Visual Studio Code或记事本编写index.php，在该静态网页中添加一个表单(form);
2、将该表单命名为“forma”，在该表单中添加两个输入框，一个输入用户名，名称为“username”，另一个输入密码，名称为“passwd”，类型为password；
3、在表单中添加一个隐藏域，名称为var01，利用PHP定义一个变量并随意赋值，利用隐藏域var01，将该变量的值传递到下一个php文件；
4、另建一个PHP文件，命名随意，在上一个PHP文件index.php的表单中，将目标action指向刚建立的该php文件；
5、在该php文件中，获取前一PHP里，表单提交的用户名、密码和隐藏参数var01,然后判断密码是否等于“test”，如果相等，显示用户名，密码和字符串“成功登录”；否则，显示用户名、密码和隐藏参数“var01+1234”。

实现代码 index.php 界面：

<!DOCTYPE html>
    <title>登陆界面</title>
    <meta charset="utf-8">
  </head>
    <!--开始一个表单 --> 
    <h1 class="form-title">登陆界面</h1>
    <!-- 创建一个标签并绑定该标签对应的输入框，同时设置该输入框为必填项 -->
    <form class="form-container" name="forma" action="target.php" method="post"> 
      <label class="form-label" for="username">用户名:</label> 
      <!-- 创建一个标签并绑定该标签对应的输入框，同时设置该输入框为必填项，且以密码形式显示 -->
      <input class="form-input" type="text" id="username" name="username" required> 
      <label class="form-label" for="password">密码:</label> 
      <input class="form-input" type="password" id="password" name="passwd" required> 
      <!-- 创建一个隐藏的输入框，用来存储名为$var01，值为'some_value'的变量 -->
      <input type="hidden" name="var01" value="<?php echo $var01 = 'var01+1234'; ?>">
      <!-- 创建一个提交按钮 -->
      <input class="form-submit" type="submit" value="登 陆">
    </form>
    <!--结束表单--> 
  </body>
  <style type="text/css">
    body {
      background-color: #f1f1f1;
    .form-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;
    .form-label {
      font-size: 20px;
      margin-bottom: 10px;
      display: block;
    .form-input {
      padding: 10px;
      font-size: 18px;
      border-radius: 5px;
      border: none;
      margin-bottom: 20px;
      width: 300px;
    .form-submit {
      background-color: #4CAF50;
      color: white;
      padding: 10px 25px;
      border-radius: 5px;
      font-size: 18px;
      border: none;
      cursor: pointer;
    .form-submit:hover {
      background-color: #3e8e41;
    .form-title {
      text-align: center;
      font-size: 36px;
      margin-bottom: 50px;
  </style>
</html>
网页效果：
 
 实现代码 target.php 界面： 
<div class="output">
  <?php
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
      // 获取表单数据
      $username = $_POST['username'];
      $password = $_POST['passwd'];
      $var01 = $_POST['var01'];
      if ($password == "test") {
          // 输出登陆成功后的信息
          echo "登陆成功！";
          echo "<p>欢迎您：<span class='value'>" . $username . "</span>！您的密码是：<span class='value'>" . $password . "</span>。<p>"; 
      } else {
          // 输出登陆失败后的信息
          echo "<p>登陆失败！<p/>";
          echo "<p>您输入的用户名是：<span class='value'>" . $username . "</span>！您输入的密码是：<span class='value'>" . $password . "</span>。<p>"; 
          echo "<p>由于登陆失败，显示你在表单中添加的隐藏域<span class='value'>var01</span>的值：<span class='value'>" . $var01. "</span>。<p>";
</div>
<style>
  .output {
    font-size: 30px;
    font-weight: bold;
    color: blue;
    margin-top: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
  .value {
    color: red;
</style>
输出结果：
 
 
 
 
                    5、在该php文件中，获取前一PHP里，表单提交的用户名、密码和隐藏参数var01,然后判断密码是否等于“test”，如果相等，显示用户名，密码和字符串“成功登录”；2、将该表单命名为“forma”，在该表单中添加两个输入框，一个输入用户名，名称为“username”，另一个输入密码，名称为“passwd”，类型为password；3、在表单中添加一个隐藏域，名称为var01，利用PHP定义一个变量并随意赋值，利用隐藏域var01，将该变量的值传递到下一个php文件；
				PHP学习路上的第一个完整的极小极小的项目，总算是看着了做项目的希望了，特意做个记录登录界面：html代码（login.html)：&lt;form action="login.php" method="post"&gt;
		&lt;fieldset&gt;
			&lt;legend&gt;用户登录&lt;/legend&gt;
			&lt;ul&gt;
				&lt;li
                    最后一步出现这个，是哪里出问题了
C:\Users\l>npm install -g express-generator
npm error code CERT_HAS_EXPIRED
npm error errno CERT_HAS_EXPIRED
npm error request to https://registry.npm.taobao.org/express-generator failed, reason: certificate has expired
npm error Log files were not written due to an error writing to the directory: C:\Program Files\nodejs\node_cache\_logs
npm error You can rerun the command with `--loglevel=verbose` to see the logs in your terminal
                node.js安装及环境配置超详细教程【Windows系统安装包方式】
                    魔弓紫喵: 
                    問題一：需要管理員打開cmd‘
問題二：鏡像過期需要切換： npm config set registry https://registry.npmmirror.com
                头歌教学课程试题获取脚本
                    2301_82321701: 
                    为什么运行报错innerText为null呢，TypeError: Cannot read properties of null (reading 'innerText')
                node.js安装及环境配置超详细教程【Windows系统安装包方式】
                    微信机器人o.0: 
                    找新的镜像源，应该有清华大学的什么的镜像源，可以去搜一下
                基于Spring MVC + Spring + MyBatis的【图书信息管理系统（一）】
                    程序员乐乐: 
                    你的解决没
            Failed to convert from type [java.lang.String] to type [java.util.Date] for value ‘1‘； nested except
            前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案