- CodeIgniter Web Application Blueprints
- Rob Foster
- 172字
- 2021-08-06 19:34:30
Creating views
We're going to create two view files in this section, as follows:
/path/to/codeigniter/application/models/views/create/create.php
/path/to/codeigniter/application/models/views/nav/top_nav.php
Don't forget that the navigation file (views/nav/top_nav.php
) is unique to each chapter in this book.
Creating the view file–views/create/create.php
The create.php
file is the view file that the user creating the shortened URL will see; it contains the HTML form the user will enter the original URL into and any interactive elements such as error or success messages.
Create the create/create.php
view file and add the following code to it:
<div class="page-header"> <h1><?php echo $this->lang->line('system_system_name'); ?></h1> </div> <p><?php echo $this->lang->line('encode_instruction_1'); ?></p> <?php if (validation_errors()) : ?> <?php echo validation_errors(); ?> <?php endif ; ?> <?php if ($success_fail == 'success') : ?> <div class="alert alert-success"> <strong><?php echo $this->lang->line('common_form_elements_success_notifty'); ?></strong> <?php echo $this->lang->line('encode_encode_now_success'); ?> </div> <?php endif ; ?> <?php if ($success_fail == 'fail') : ?> <div class="alert alert-danger"> <strong><?php echo $this->lang->line('common_form_elements_error_notifty'); ?> </strong> <?php echo $this->lang->line('encode_encode_now_error'); ?> </div> <?php endif ; ?> <?php echo form_open('create') ; ?> <div class="row"> <div class="col-lg-12"> <div class="input-group"> <input type="text" class="form-control" name="url_address" placeholder="<?php echo $this->lang->line('encode_type_url_here'); ?>"> <span class="input-group-btn"> <button class="btn btn-default" type="submit"><?php echo $this->lang->line('encode_encode_now'); ?></button> </span> </div><!-- /input-group --> </div><!-- /.col-lg-6 --> </div><!-- /.row --> <?php echo form_close() ; ?> <br /> <?php if ($encoded_url == true) : ?> <div class="alert alert-info"> <strong><?php echo $this->lang->line('encode_encoded_url'); ?> </strong> <?php echo anchor($encoded_url, $encoded_url) ; ?> </div> <?php endif ; ?>
Creating the view file–views/nav/top_nav.php
Each project in this book has its own navigation bar at the top of the page. This chapter is no exception although the actual navigation options for this project are limited—mostly because the app we're building only really does one thing. So create the nav/top_nav.php
view file and add the following code to it:
<!-- Fixed navbar --> <div class="navbarnavbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <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="#"><?php echo $this->lang->line('system_system_name'); ?></a> </div> <div class="navbar-collapse collapse"> <ul class="navnavbar-nav"> <li class="active"><?php echo anchor('create', 'Create') ; ?></li> </ul> </div><!--/.navbar-collapse --> </div> </div> <div class="container theme-showcase" role="main">
- 極簡算法史:從數學到機器的故事
- ASP.NET Core:Cloud-ready,Enterprise Web Application Development
- LabVIEW 2018 虛擬儀器程序設計
- 數據庫系統教程(第2版)
- Visual FoxPro程序設計教程(第3版)
- Go語言高效編程:原理、可觀測性與優化
- DevOps入門與實踐
- AngularJS深度剖析與最佳實踐
- SQL基礎教程(視頻教學版)
- Python編程實戰
- 單片機應用與調試項目教程(C語言版)
- Learning Python Design Patterns
- C#程序設計(項目教學版)
- Spring Boot+MVC實戰指南
- Cocos2d-x Game Development Blueprints