Skip to content

Cm blog 3 vb #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Cm blog 3 vb #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7d2ead8
Merge pull request #12 from code-mates/Blog1VB
Sep 2, 2017
de103e5
Merge branch 'cm_blog-3-vb' of https://github.com/code-mates/blog int…
Barnato Sep 23, 2017
2f3f1cf
Merge branch 'cm_blog-3-vb' of https://github.com/code-mates/blog int…
Barnato Sep 23, 2017
62b6e88
Merge branch 'cm_blog-3-vb' of https://github.com/code-mates/blog int…
Barnato Sep 28, 2017
2c7dcb3
Merge branch 'cm_blog-3-vb' of https://github.com/code-mates/blog int…
Barnato Sep 28, 2017
af29b70
Merge branch 'cm_blog-3-vb' of https://github.com/code-mates/blog int…
Barnato Sep 30, 2017
1af6fd5
Database cm_blog with two (2) tables called user table and article ta…
Barnato Oct 6, 2017
67c326e
Corrected error which was UPDATE command used before INSERT command. …
Barnato Oct 14, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
337 changes: 337 additions & 0 deletions Index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,337 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>

<body>



<div id="wrapper">

<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">

<a href="#">Dashboard</a>
</li>
<li>
<a href="#">Shortcuts</a>
</li>
<li>
<a href="#">Overview</a>
</li>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->

<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">


<h1>Code-Mates</h1>
<p>This blog is to document <b>Code_Mates</b>, a programming training group that meets every Saturday. We are based in Austin.</p>
<p>There are four people. Matt Elliot(Developer 1)and
Tim Macaulay-Robinson(Developer 2) who have 20 years+ each experience.
Vicky Barnato (me) & Travis Austin who are non techs. Both of us come from
BA backgrounds and are programming novices.</p>

<p>Our goals:
Matt Elliot: Enhance tech communication and training skills by getting two civilians ready for programming jobs in one <i>year</i>.
Tim Macaulay-Robinson: Ditto.</p>

Vicky Barnato (me) & Travis Austin: Travis wants to move from Business Analysis to programming.I want to be less dependent on developers’ explanations to understand how technology works.
This blog documents the projects and tasks that Tim and Matt set Travis and me to teach us.
These will be basic tasks at first. Readers with programming experience may find the first couple of posts too basic.</p>
<p>Please be patient we are novices! The first part of this post documents how I attempted to create an online guestbook form.
Please let me know if you see any mistakes or want additional explanations.
SQL was used for the database, html for the form and PHP to connect the two.</p>

The task was broken down by Tim into these steps:<p>
<ol><ol><li>Create database "guestbook" with 1 table "guest_"
- Guest name should be a text column</li>
<li>Create html form, text input, and button
- form should post data to php file insert_guest.php</li>
<li>Open connection to mysql using php mysql</li>
<li>Insert guest name into database
- write the insert statement to insert the guests name into the database
- submit the query to the database using the php mysql connection</li>
</ol>
</p>

<h3><p>My code:</p></h3>


<mark>CREATE DATABASE guestbook2;<br>
//You should see this message: “Query OK, 1 row affected (0.00 sec)”</br>
USE guestbook2</br>
//You should see this message “Database changed”
<br>CREATE TABLE guest (
guestID int,
guestname text,
sign_date date,
comments varchar(30),
reason varchar(30)
);
<br>//You should see this message "Query OK, 0 rows affected (0.01 sec)"</br>
<br>
<P>Below is the html form guestbook2.php where guests will input data:</br></P>

<P><!DOCTYPE html></P>
<P> <html>
<body></P>

<P> <form action="insert_guest.php" method="POST">
<!-- guestname:<br></P>
<P><input type="text" name="guestname">
<br></P>
<P><input type="button" onclick="formSubmit()" value="Send form data!"></P>
<P><input type="submit" name="Click me HARDER BABY"/></P>
<P><br> --></P>
<P>Please fill in the survey below<br></P>
<P>Guest Name</P>
<P><input type="text" name="guestname">
<br></P>
<P>Did you have a good stay? </p>
<input type="text" name="comment">
<br></P>
<P>Why or Why not?</P>
<P><input type="text" name="reason">
<br></P>
<P><input type="submit" value="submit"/>
<br></P>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwROSkkKp6ihKnf0FTIVNEqq9YDXVSIyyR5_X6x1GoF1tFuoY9" alt="This is how happy you will be if you meet an old friend at the hotel"style="width:304px;height:228px;">

<br></P>
<P></body></P>
<P></form></P>
<P></html></P>
<P><?php</P>

<P>Below is the code from insert_guest.php file which sets up the connection between the guestbook database and the html form</P>

<P><mark>$conn = mysqli_connect("localhost","username","password","guestbook2");</mark></P>
<P><mark>//you will need to input username and password to set up the connection</mark></P>

<P><mark>// Check connection</mark></P>
<P><mark>if (mysqli_connect_errno())</mark></P>
<P><mark>{
echo "Failed to connect to MySQL: " . mysqli_connect_error();</P>
<P><mark>}</mark></P>
<P><mark>// not used connection</mark></P>
<P><mark>// $myPDO = new PDO('mysql:host=localhost;dbname=guestbook2', 'username', 'password'); </mark></P>

<P><mark>if ($_POST) {</mark></P>

<P><mark>$sql="INSERT INTO guest (guestname, comments, reason) VALUES ('".$_POST['guestname']."', '".$_POST['comment']."', '".$_POST['reason']."')";</mark></P>

<P><mark>if ($conn->query($sql) === TRUE) {</mark></P>
<P> <mark>echo "New record created successfully";</P>
<P> <mark>} </mark><mark>else</mark><mark>{</mark></P>
<P><mark> echo "Error: " . $sql . "<br>" . $conn->error;</mark></P>
<P><mark> }
}
?></mark></P>

</body>

<P><!-- Bootstrap core CSS --></P>
<P><link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"></P>

<P><!-- Custom fonts for this template --></P>
<P><link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"></P>
<P><link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'></P>
<P><link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'></P>

<P><!-- Custom styles for this template --></P>
<P><link href="css/clean-blog.min.css" rel="stylesheet"></P>

<P> </head></P>

<P><body></P>

<P><!-- Navigation --></P>
<P><nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"></P>
<P><div class="container"></P>
<P><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></P>
<P>Menu</P>
<P><i class="fa fa-bars"></i></P>
<p></button></P>
<P> <div class="collapse navbar-collapse" id="navbarResponsive"></P>
<P><ul class="navbar-nav ml-auto"></P>
<P><li class="nav-item"></P>
<P><a class="nav-link" href="index.html">Home</a></P>
<P></li></P>
<P><li class="nav-item"></P>
<P><a class="nav-link" href="about.html">About</a></P>
<P></li></P>
<P><li class="nav-item"></P>
<P><a class="nav-link" href="post.html">article_form.php</a></P>
<P></li></P>
<P><li class="nav-item"></P>
<P><a class="nav-link" href="contact.html">Contact</a></P>
<P></li></P>
<P> </ul></P>
<P></div></P>
<P></div></P>
<P></nav></P>

<!-- Page Header -->
<header class="masthead" style="background-image: url('img/home-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="site-heading">

</div>
</div>
</header>

<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
Save-article.php
</h2>
<h3 class="post-subtitle">
How to create a script to create or update an article
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Travis Austin</a>
on September 24, 2017</p>
</div>
<hr>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
article-form.php
</h2>
<h3 class="post-subtitle">
Create a page to create or edit an article
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Victoria Barnato</a>
on September 28, 2016</p>

</div>
<hr>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
Login-form.php
</h2>
<h3 class="post-subtitle">
Create a login page
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Austin Travis</a>
on September 18, 2017</p>
</div>
<hr>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
dashboard.php
</h2>
<h3 class="post-subtitle">
Create a dashboard page for authenticated users
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Victoria Barnato</a>
on August 24, 2017</p>
</div>
<hr>
<!-- Pager -->
<div class="clearfix">
<a class="btn btn-secondary float-right" href="#">Older Posts &rarr;</a>
</div>
</div>
</div>
</div>

<hr>

<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">Copyright &copy; Your Website 2017</p>
</div>
</div>
<P> </div></P>
<P></footer></P>

<P> <!-- Bootstrap core JavaScript --></P>
<P><script src="vendor/jquery/jquery.min.js"></script></P>
<P><script src="vendor/popper/popper.min.js"></script></P>
<P><script src="vendor/bootstrap/js/bootstrap.min.js"></script></P>

<P><!-- Custom scripts for this template --></P>
<script src="js/clean-blog.min.js"></script></P>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

</body>
</html>
14 changes: 12 additions & 2 deletions schema.sql
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,12 @@
create database cm_blog;

CREATE database cm_blog;
USE cm_blog;
SHOW databases;
CREATE TABLE cm_blog.article
(article_id int NOT NULL AUTO_INCREMENT Primary Key, author_user_id int NOT NULL, title varchar(35), body text, publish_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP);
CREATE TABLE cm_blog.user
(user_id int NOT NULL AUTO_INCREMENT Primary Key, name varchar(35), emailaddress varchar(80), password varchar (32));
INSERT INTO user (password)
VALUES (MD5('verysecretpassword'));
UPDATE user
SET password = MD5(password);
SELECT * FROM user WHERE password=MD5('verysecretpassword');