Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Đã sửa đổi một chút kịch bản để bao gồm 'Này. ' trong kịch bản, do đó giải quyết vấn đề hiển thị 'Này. ' nếu tên trống


Tôi đã sử dụng lời chào ngắn hơn này ở một vị trí riêng biệt hơn ở bên cạnh biểu ngữ trang web của mình, ngay phía trên hình đại diện

Trong hướng dẫn này, tôi sẽ hướng dẫn bạn cách tạo tên người dùng hiển thị sau khi đăng nhập. Nó có nghĩa là khi người dùng đăng nhập thành công. sau đó chúng tôi sẽ hiển thị tên người dùng trên bảng điều khiển

Bước 1. Chuyển đến mô hình Đăng nhập và nhận thông tin chi tiết về người dùng sau khi đăng nhập thành công

ví dụ.  

db->where(['name'=>$user,'pass'=>$pass])
						  ->get('login');

		$login = $query->row();

		//return user details
		return $login;
	}

}

?>

Bước 2. Chuyển đến Trình điều khiển đăng nhập. Vì vậy, bạn sẽ chuyển thông tin chi tiết về người dùng vào phiên

ví dụ

load->helper('form');
		$this->load->library('form_validation');
		$this->form_validation->set_rules('uname','Username','required');
		$this->form_validation->set_rules('password','Password','required');
		if($this->form_validation->run())
		{
			$user = $this->input->post('uname');
			$pass = $this->input->post('password');
            
			$this->load->model('login_model');

			$login = $this->login_model->login_data($user, $pass);

			if($login){

				//here i am passing user details in session
				$data = array();
				$data['id'] = $login->id;
				$data['name'] = $login->name;
				$this->session->set_userdata($data);
				return redirect('dashboard');
			}
			else{
				$this->session->set_flashdata('fail_login','Invalid Credentials');
				return redirect('login');
			}
		}
		else
		{
			$this->load->view('login');
		}
		
	}

}

?>

Bước 3. Chuyển đến bộ điều khiển Bảng điều khiển và tải trang xem bảng điều khiển.  

load->view('dashboard');
		
	}

}

?>

Bước 4. Mở trang xem bảng điều khiển và hiển thị tên người dùng sau khi đăng nhập với sự trợ giúp của session userdata

Welcome session->userdata('name'); ?>


Kết quả

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Mã nguồn

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

trong dự án này. Chúng tôi đang cung cấp cho bạn cách tạo dự án nhỏ trong Codeign

Mã nguồn

AUTO_INCREMENT6 AUTO_INCREMENT7_______5_______8_______8_______2_______8_______00TABLE2TABLE02TABLE2_______8_______04TABLE05

NOT3

TABLE07

TABLE08 TABLE09TABLE10NULL8TABLE12TABLE13

NOT3

    TABLE16

    TABLE18

    TABLE20

    TABLE22

    15_______5 TABLE25_______5_______6TABLE2TABLE10NULL8TABLE30TABLE31

    15_______9 TABLE25_______5_______6TABLE2TABLE10NULL8TABLE39TABLE31

    8_______42 TABLE25_______5_______6TABLE2TABLE10NULL8TABLE48TABLE31

    8_______51 TABLE25_______5_______6TABLE2TABLE10NULL8TABLE57TABLE31

NOT3

    TABLE61

    TABLE63

    8_______08 TABLE66TABLE67TABLE66NOT5TABLE70TABLE71_______8_______66NULL3TABLE2TABLE75TABLE76

    8_______08 TABLE66TABLE67TABLE66NOT9TABLE70TABLE71_______8_______66NULL3TABLE2TABLE88TABLE76

    8_______08 TABLE66_______8_______67TABLE66TABLE42TABLE70TABLE71TABLE66NULL3TABLE2`users` (01TABLE76

NOT3

    TABLE08 TABLE66_______8_______42 `users` (08TABLE51`users` (10

`id`6_______8_______71TABLE66NULL3TABLE2`users` (16TABLE05

`id`6______110_______19

    `users` (21

NOT3

    `users` (24

    8_______08 TABLE66`users` (28_______8_______66NULL3`users` (31

`id`6

`id`6______110_______34

`id`6_______110_______36 `users` (37TABLE42TABLE05

`id`6

`id`6______110_______42

`id`6_______110_______44 `users` (45

`users` (46`users` (47`users` (48TABLE2`users` (50TABLE2`users` (52`users` (53

`id`6

`id`6_______110_______56AUTO_INCREMENT6TABLE2`users` (44TABLE05

NOT3

`id`6_______110_______63

`id`6_______110_______65

`id`6_______20_______7NULL8TABLE30AUTO_INCREMENT0NOT5NOT8

`id`6

`id`6______110_______75

`id`6_______20_______7NULL8NULL9AUTO_INCREMENT0`users` (81NOT8

`id`6

`id`6_______110_______85

`id`6_______110_______87

`id`6_______110_______89`users` (90TABLE05

    `users` (21

`users` (21

NOT3

`users` (96

TABLE08 TABLE09TABLE10_______20_______8    01TABLE13

    

        05

    15_______5 TABLE25_______5_______6TABLE2TABLE10NULL8TABLE30TABLE31

    110_______36 TABLE25_______5_______6TABLE2TABLE10NULL8    22TABLE31

NOT3

        26

    8_______08 TABLE66_______8_______67TABLE66NOT5TABLE70

`id`6_______8_______71TABLE66NULL3TABLE2TABLE75TABLE05

    `users` (21

    8_______08 TABLE66_______8_______67TABLE66`users` (36TABLE70

`id`6_______8_______71TABLE66NULL3TABLE2`users` (01_______8_______05

    `users` (21

NOT3

        61

    8_______08 TABLE66`users` (28_______8_______66NULL3`users` (31

`id`6

`id`6______24_______71

`id`6_______110_______36 `users` (37`users` (36TABLE05

`id`6

`id`6_______110_______44     80

    81_______110_______48     83`users` (52    85

`id`6_______24_______87     88AUTO_INCREMENT6TABLE2`users` (44TABLE05

NOT3

`id`6______24_______95

`id`6____24_______97

`id`6_______8_______08 `id`00    87`id`02

`id`03

`id`03____120_______05

`id`03_______20_______7NULL8TABLE30AUTO_INCREMENT0NOT5NOT8

`id`03

`id`03____110_______75

`id`03_______20_______7NULL8NULL9AUTO_INCREMENT0`id`21NOT8

`id`03

`id`03____120_______25

`id`03____120_______27

`id`03_______110_______89`users` (90TABLE05

`id`6______110_______21

`id`6_______120_______35 `id`36

`id`03

`id`03____120_______39

`id`03_______8_______71TABLE66NULL3TABLE2`id`45_______8_______05

`id`6______110_______21

    `users` (21

`users` (21

NOT3

`id`53

Giải trình. Phiên được bắt đầu bằng phương thức session_start(). Sau đó, các biến được khai báo và một mảng lỗi được tạo. Nó sẽ lưu trữ tất cả các thông báo lỗi. máy chủ. trang php sau đó được kết nối với cơ sở dữ liệu 'đăng ký' được tạo trước đó. Sau khi người dùng nhấp vào nút 'đăng ký' trên sổ đăng ký. php, dữ liệu đã nhập được gửi đến cơ sở dữ liệu và điều này hoàn tất đăng ký mới. Tuy nhiên, xác thực biểu mẫu được thực hiện trước đó để đảm bảo rằng người dùng điền vào biểu mẫu chính xác. Tất cả các trường là bắt buộc và không được để trống
Dòng 18 – 21. mysqli_real_escape_string thoát các ký tự đặc biệt trước khi gửi dữ liệu tới cơ sở dữ liệu. Điều này rất cần thiết để bảo mật cơ sở dữ liệu khỏi các lần tiêm SQL
Dòng 25 – 27. Những dòng này đảm bảo rằng người dùng đang điền vào tất cả các ô nhập liệu và liệu 'mật khẩu' và 'xác nhận mật khẩu' có khớp hay không. Nếu cả hai mật khẩu đều khớp, thì mã sẽ tiếp tục chạy
Dòng 29 – 32. Kiểm tra xem mật khẩu có khớp hay không.  
Dòng 35 – 46. Nếu số lượng lỗi cho đến thời điểm này bằng 0, thì mật khẩu sẽ được mã hóa 'md5' và dữ liệu đã nhập được gửi đến cơ sở dữ liệu. Sau khi quá trình đăng ký hoàn tất, tên người dùng được lưu trữ trong biến phiên và người dùng được chuyển hướng đến chỉ mục. trang php, nơi anh ta được yêu cầu nhập thông tin đăng nhập
Dòng 50 – 80. Đầu tiên tên người dùng và mật khẩu được nhập trong vệ sinh. Điều này là cần thiết để tăng cường bảo mật cơ sở dữ liệu, vì nó loại bỏ khả năng bị tiêm SQL. Người dùng nhận được thông báo lỗi nếu trường tên người dùng hoặc mật khẩu bị bỏ trống.  
Nếu số lượng lỗi cho đến điểm mã này được tìm thấy là 0, thì kiểm tra cơ sở dữ liệu sẽ được chạy. Nếu tên người dùng được nhập bởi người dùng được tìm thấy trong cơ sở dữ liệu, thì người dùng đăng nhập thành công. Người dùng sau đó được chuyển hướng đến 'chỉ mục. trang php
đăng nhập. php
 

html




    6_______24_______7 `id`56

`id`57

`id`0_______120_______59`id`5

`id`0____120_______62`id`5

    `id`0_______120_______66`id`5

`id`6_______120_______69

`id`6______120_______71

    (11)3_______120_______66`id`5

    

    120_______0_______120_______79 `id`80`id`3`id`82 `id`83`id`3`id`85

`id`03_______120_______87_______120_______3`id`89`id`5

(11)3_______120_______62`id`5

`id`0_______120_______95`id`5

    `id`0_______120_______1 `id`2`id`3int02`id`5

`id`6_______120_______0int06int07int06`id`5

    (11)3_______120_______1`id`5

int14

    `id`0_______411_______17 int18_______120_______3int20 int21`id`3int23`id`5

NOT3

`id`6_______24_______6    7 int29

NOT3

`id`6_______120_______0`id`1 `id`2`id`3int36`id`5

`id`03_______120_______0int40int41int40`id`5

`id`03_______120_______0int46 `id`83`id`3int49 int50`id`3int52 `id`5

`id`6_______382_______3`id`1`id`5

`id`6_______120_______0`id`1 `id`2`id`3int36`id`5

`id`03_______120_______0int40int68int40`id`5

`id`03_______120_______0int46 `id`83`id`3int76 int50`id`3int76`id`5

`id`6_______382_______3`id`1`id`5

`id`6_______120_______0`id`1 `id`2`id`3int36`id`5

`id`03_______120_______0int94 `id`83`id`3int97 `id`2`id`3(11)00

(11)01____411_______50`id`3(11)04`id`5

    81____382_______07

`id`03_______382_______3____411_______94`id`5

`id`6_______382_______3`id`1`id`5

`id`6

 

 

`id`0____411_______2`id`5

`id`03____382_______21

`id`03_______120_______0(11)24 `id`87`id`3(11)27`id`5

    81______382_______30

`id`03______382_______3(11)24`id`5

`id`6_______382_______3____411_______2`id`5

 

 

 

    (11)3_______411_______17`id`5

(11)3_______120_______95`id`5

 

(11)3_______120_______59`id`5

Giải trình. Trang đăng nhập của hệ thống. Người dùng phải nhập tên người dùng và mật khẩu để đăng nhập thành công. Sau khi nhấn nút đăng nhập, mã đăng nhập được ghi trong máy chủ. trang php được chạy, tất cả công việc phụ trợ đều hoạt động, như kiểm tra xem tên người dùng và mật khẩu có khớp hay không
Đăng ký. php
 

php




(11)9(11)50TABLE66(11)52(11)53

`id`57

(11)55

(11)56

    (11)58

`id`6______382_______60(11)61 (11)62

    (11)64

    (11)66_______120_______82 (11)68_______120_______85

(11)70______382_______71`id`89`id`5

(11)74

 

(11)75

    382_______77_______120_______2`id`3int02`id`5

`id`6______382_______83

    (11)85

int14

    (11)88_______411_______20 (11)90_______382_______27`id`5

NOT3

`id`6_______382_______9(11)50TABLE66(11)98(11)99

NOT3

`id`6_______382_______77`id`2`id`3int36`id`5

`id`03____15_______08

`id`03_______15_______10____411_______49 NOT12int52

    81____15_______15NOT16`id`5

`id`6______382_______85

`id`6_______382_______77`id`2`id`3int36`id`5

`id`03____15_______27

`id`03_______15_______10NOT30 NOT12NOT30

    81____15_______15NOT35`id`5

`id`6______382_______85

`id`6_______382_______77`id`2`id`3int36`id`5

`id`03____15_______46

`id`03_______15_______10____411_______76 NOT12NOT51`id`5

`id`6______382_______85

`id`6_______382_______77`id`2`id`3int36`id`5

`id`03____15_______62

`id`03_______15_______10____411_______76 NOT12NOT67`id`5

`id`6______382_______85

`id`6_______382_______77`id`2`id`3int36`id`5

`id`03_______15_______78____411_______97 `id`2`id`3(11)00

NOT83NOT12NOT85`id`5

    81_______15_______88

`id`03____15_______90

`id`6______382_______85

`id`6

 

 

NOT94

`id`03____15_______96

`id`03_______15_______98int23`id`5

    81____20_______02

`id`03____20_______04

`id`6______20_______06

 

 

 

    NULL08

NULL09

NULL10

Giải trình. Trang này chứa mã HTML của trang đăng ký. 'máy chủ. php' và 'lỗi. php’ được bao gồm trong các dòng 01 và 15 tương ứng. Điều này là cần thiết để làm cho phần phụ trợ của hệ thống đăng ký hoạt động. Người dùng được yêu cầu nhập tên người dùng, email và mật khẩu để tạo tài khoản. Sau khi các trường đầu vào được điền, dữ liệu đã nhập được gửi đến bảng cơ sở dữ liệu
mục lục. php
 

html




    6_______24_______7

 

NULL13

NULL14

NOT2

NOT3

NULL17

NULL18

NULL19

NULL20

NULL21

    NULL23

    NULL25

`users` (21

NOT3

NULL28

NULL29

NULL30

NULL31

NULL32

    NULL34

    NULL36

    NULL38

`users` (21

`id`53

`id`57

`id`0_______120_______59`id`5

`id`0____120_______62`id`5

    120_______0_______120_______66NULL51`id`66`id`5

    120_______0_______120_______79 `id`80`id`3`id`82 `id`83`id`3`id`85

(11)70_______120_______87_______120_______3`id`89`id`5

(11)3_______120_______62`id`5

`id`0_______120_______95`id`5

    `id`0_______120_______1 `id`2`id`3int02`id`5

`id`6_______120_______0int06NULL84int06`id`5

    (11)3_______120_______1`id`5

    `id`0_______120_______1 `id`2`id`3NULL96`id`5

NOT3

`id`6_______5_______00

    81____5_______02

`id`6

`id`6_______5_______05

    81____5_______07

`id`6_______24_______6    7 AUTO_INCREMENT11

`id`03_______120_______0`id`1 `id`2`id`3AUTO_INCREMENT17 `id`5

    81____120_______0AUTO_INCREMENT21`id`5

(11)70_______24_______6    7

(11)01____5_______27

(11)01____5_______29

(11)70_______120_______53

    81____382_______3AUTO_INCREMENT21`id`5

`id`03____382_______3`id`1`id`5

`id`6_______24_______6    7 (11)8

NOT3

`id`6_______5_______46

`id`6_______5_______48

`id`6_______24_______6    AUTO_INCREMENT52

`id`03

 

 

`id`0____411_______2`id`5

    81____5_______58

    81____120_______0_______5_______61`id`5

(11)70_______24_______6    7 AUTO_INCREMENT66

    81______382_______3AUTO_INCREMENT61`id`5

`id`03____382_______3int2`id`5

 

 

 

`id`03

 

 

`id`0____411_______2`id`5

    81_______120_______0(11)24 `id`87`id`3AUTO_INCREMENT84 AUTO_INCREMENT85`id`3AUTO_INCREMENT87`id`5

(11)70_______5_______90

    81_______382_______3____382_______24`id`5

`id`03____382_______3int2`id`5

 

 

 

`id`6_______24_______6    7 (11)8

    (11)3_______120_______1`id`5

(11)3_______120_______95`id`5

(11)3_______120_______59`id`5

Giải trình.  
Dòng 01 – 19. Tên người dùng đã được lưu trữ trong biến phiên hiện được hiển thị lại cho người dùng. Biến phiên này có thể bị hủy bằng cách sử dụng unset($_SESSION[“products”]) hoặc session_destroy(). Tuy nhiên, session_destroy() sẽ hủy tất cả các biến phiên cùng một lúc. Để chỉ hủy biến phiên 'tên người dùng', sẽ tốt hơn nếu bỏ đặt biến bằng cách sử dụng unset($_SESSION[“products”])
Dòng 34 – 42. Điều này đảm bảo rằng trang này chỉ có thể truy cập được đối với những người dùng đã đăng nhập
Dòng 45 – 50. Điều này sẽ hiển thị một thông báo chào mừng được cá nhân hóa cho người dùng sau khi họ đăng nhập
Tệp CSS
 

CSS




TABLE013

    8_______015_______8_______016TABLE017_______15_______8

    TABLE020_______8_______016TABLE017NOT8

`users` (21

TABLE025

    TABLE027_______8_______016TABLE029NOT8

    TABLE032_______8_______016TABLE034____15_______8

`users` (21

 

TABLE037

    TABLE039TABLE016TABLE041NOT8

    8_______015_______8_______016_______8_______046 TABLE047 TABLE017NOT8

    TABLE051_______8_______016TABLE053NOT8

    TABLE032_______8_______016TABLE058____15_______8

    TABLE061_______8_______016TABLE063____15_______8

    TABLE066TABLE016_______8_______068 TABLE069 TABLE070NOT8

    8_______073_______8_______016TABLE075NOT8

    8_______078_______8_______079 TABLE079 TABLE017 TABLE017NOT8

    8_______020_______8_______016TABLE087____15_______8

`users` (21

TABLE090

    TABLE039TABLE016TABLE041NOT8

    8_______015_______8_______016_______8_______017 TABLE047NOT8

    8_______020_______8_______016TABLE087____15_______8

    TABLE066TABLE016_______8_______068 TABLE069 TABLE070NOT8

    TABLE032_______8_______016TABLE053____15_______8

    8_______078_______8_______017 TABLE017 TABLE079 TABLE079NOT8

`users` (21

TABLE127

    TABLE015_______8_______016_______8_______079 TABLE079 TABLE079 TABLE079NOT8

`users` (21

 

TABLE137

    TABLE139TABLE016TABLE141NOT8

    TABLE061_______8_______016TABLE146NOT8

    TABLE015_______8_______016TABLE151NOT8

    TABLE027_______8_______016TABLE087NOT8

`users` (21

TABLE159

    TABLE161_______8_______016TABLE163NOT8

    TABLE039TABLE016TABLE168_______15_______8

    TABLE020_______8_______016TABLE151 TABLE079NOT8

    8_______027_______8_______016TABLE179NOT8

    TABLE078TABLE079NOT8

    8_______066TABLE016_______8_______068 TABLE069 TABLE190NOT8

`users` (21

TABLE193

    TABLE195_______8_______016TABLE197_______15_______8

    TABLE020_______8_______016TABLE202NOT8

    8_______027_______8_______016TABLE207NOT8

    TABLE051_______8_______016TABLE053NOT8

    TABLE032_______8_______016TABLE217NOT8

    TABLE066TABLE016TABLE075NOT8

    TABLE078TABLE079NOT8

`users` (21

TABLE229

    TABLE039TABLE016TABLE233NOT8

    8_______015_______8_______016_______8_______017 TABLE047NOT8

    8_______020_______8_______016TABLE079____15_______8

    TABLE066TABLE016_______8_______068 TABLE069 TABLE251NOT8

    TABLE051_______8_______016TABLE251NOT8

    TABLE032_______8_______016TABLE261____15_______8

    TABLE078TABLE151NOT8

    TABLE061_______8_______016TABLE146NOT8

`users` (21

TABLE273

    TABLE051_______8_______016_______8_______277____15_______8

    TABLE032TABLE016TABLE282NOT8

    TABLE066TABLE016_______8_______068 TABLE069 TABLE277NOT8

    8_______292_______8_______016TABLE087NOT8

`users` (21

Ảnh đại diện
 

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Trang đăng ký

 

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Người dùng được chuyển hướng đến trang này sau khi đăng nhập. Một thông báo chào mừng được hiển thị ở đó

 

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Trang đăng nhập của hệ thống

 

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Người dùng đã đăng nhập thành công

 

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong html5?

Tên truy nhập không chính xác và kết hợp mật khẩu

 

Làm thế nào để chạy dự án này?

Mã nguồn của dự án này có thể được lấy từ kho lưu trữ GitHub này
Sau khi tải xuống và giải nén dự án, hãy làm theo các bước đã cho để chạy chương trình.  

  • Tải xuống tất cả các tệp hoặc sao chép kho lưu trữ vào hệ thống cục bộ của bạn
  • Tạo một cơ sở dữ liệu có tên là 'đăng ký' và một bảng có tên là 'người dùng'. Mã MySQL của bảng đã được cung cấp ở trên
  • Sử dụng XAMPP hoặc WAMP để chạy hệ thống trên localhost
  • Đảm bảo rằng các cổng cần thiết để chạy máy chủ Apache và MySQL đều miễn phí. Nếu không, thì bạn sẽ phải thay đổi số cổng

HTML là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách cấu trúc các trang web và ứng dụng web. Bạn có thể học HTML từ đầu bằng cách làm theo Hướng dẫn HTML và Ví dụ về HTML này

PHP là ngôn ngữ kịch bản phía máy chủ được thiết kế dành riêng cho phát triển web. Bạn có thể học PHP từ đầu bằng cách làm theo Hướng dẫn PHP và Ví dụ về PHP này

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong HTML?

Nó được chỉ định sau giao thức và trước phần mật khẩu. Thí dụ. https. //John Smith. smith123@www. thí dụ. com (johnsmith là tên người dùng và smith123 là mật khẩu)

Làm cách nào để hiển thị thông tin người dùng đã đăng nhập trong HTML?

Làm cách nào để hiển thị tên người dùng sau khi đăng nhập trong javascript?

Dưới đây là một số ví dụ. .
To Get User Display Name: .. .
To Get User Login Name: .. .
Để lấy Id người dùng. .
Để có được tiêu đề web

Làm cách nào để hiển thị tên người dùng đã đăng nhập trong asp net?

Trong ASP. NET, vui lòng sử dụng Người dùng. Xác thực. Đặt tên để nhận người dùng đăng nhập. Người sử dụng. Xác thực. Tên có thể trống nếu Xác thực ẩn danh được bật trong IIS. Đây là logic để kiểm tra xem danh tính có sẵn không. ' Lấy tên nếu được xác thực.